And now ... here is the answer. 🤟🏻

〰️〰️〰️〰️〰️〰️
#JavaScript #Async
@ProgrammingTip

All You Need To Know About CSS-in-JS 🌈

Thinking in components — No longer do you have to maintain bunch of style-sheets. CSS-in-JS abstracts the CSS model to the component level, rather than the document level (modularity). 🗂


What is CSS-in-JS❓

JSS is a more powerful abstraction over CSS. 🦋

It uses JavaScript as a language to describe styles in a declarative and maintainable way. 🗣

It is a high performance JS to CSS compiler which works at runtime and server-side. 💎

This core library is low level and framework agnostic. ✨

It is about 6KB (minified and gzipped) and is extensible via plugins API. 💉


https://t.me/pgimg/141

[ Article ] : kutt.it/jss

〰〰〰〰〰〰
#CSS #JavaScript #JSS
@ProgrammingTip

How to Stop Using Callbacks and Start Living ⚛️

Javascript has two major ways of dealing with asynchronous tasks - callbacks and Promises. 🤝

In general Promises are considered easier to use and to maintain than callbacks. ✅

But in reality even Promises alone won’t make you happy. 🤬

Asynchronous code may still be quite difficult to read and to understand. 🤯

Therefore third-party libraries, e.g. co, provided means to write a synchronous-like asynchronous code. 🗃

I personally prefer everything in the world to be as clear and beautiful as redux-saga. ✨

But not everybody is lucky to work with React and Redux to be able to use sagas. ⛔️

This article will show that in modern Javascript it is not difficult to write a well structured and easy to understand asynchronous code without using any third-party libraries.💎


https://t.me/pgimg/146

[ Article ] : kutt.it/call

〰〰〰〰〰〰
#JavaScript #CleanCode
@ProgrammingTip

BetweenJS ⚡️

Lightweight JavaScript (ES6) tweening library. ↔️


Purpose💡:

Make tweening usage convenient and powerful. 🔥

• Modern : Written in ES6 🥇
• Lightweight : 8.3 KB 👌🏻
• Performant : Optimized 💨


https://t.me/pgimg/151

[ Website ] : kutt.it/4ruR0X
[ Github ] : kutt.it/Wl425b

〰〰〰〰〰〰
#JavaScript #Library
@ProgrammingTip

Polly.JS 🐦

Record, Replay, and Stub HTTP Interactions 💡

Polly.JS is a standalone, framework-agnostic JavaScript library that enables recording, replaying, and stubbing HTTP interactions. 🗂

Polly taps into native browser APIs to mock requests and responses with little to no configuration while giving you the ability to take full control of each request with a simple, powerful, and intuitive API. ✨


Features :
• Fetch & XHR Support 🚀
• Simple, Powerful, & Intuitive API ⚡️
• First Class Mocha & QUnit Test Helpers 💎
• Intercept, Pass-Through, and Attach Events 👌
• Record to Disk or Local Storage 📼
• Slow Down or Speed Up Time 🔥

https://t.me/pgimg/154

[ Github ] : github.com/Netflix/pollyjs

〰〰〰〰〰〰
#JavaScript #Library
@ProgrammingTip

Angular Console 🅰️

The Power of the Angular CLI. ⚡️
The Convenience of an App. 💎

Spend less time looking up command line arguments, and more time shipping incredible products. ✨

The Angular CLI is immensely powerful and extensible. 🌀

In fact, there are so many capabilities that it can often be hard to remember all of the different configuration options for every available command, or remember that certain features even exist. 🌍

Angular Console is, first and foremost, a more approachable way to work with what the Angular CLI already provides. 🔥

Availabe for: Mac, Windows ✅


https://t.me/pgimg/155

[ Download ] : kutt.it/ngcli

〰〰〰〰〰〰
#JavaScript #Angular #CLI
@ProgrammingTip

How JavaScript works: an overview of the engine, the runtime, and the call stack 🐞

As JavaScript is getting more and more popular, teams are leveraging its support on many levels in their stack - front-end, back-end, hybrid apps, embedded devices and much more. 💎

This post is meant to be the first in a series aimed at digging deeper into JavaScript and how it actually works: we thought that by knowing the building blocks of JavaScript and how they come to play together you’ll be able to write better code and apps. ✅

As it turns out, there are a lot of developers that are using JavaScript on a daily basis but don’t have the knowledge of what happens under the hood. 🌀


https://t.me/pgimg/157

[ Article ] : kutt.it/js-md1

〰〰〰〰〰〰
#JavaScript
@ProgrammingTip

How JavaScript works: inside the V8 engine + 5 tips on how to write optimized code ⚡️

A JavaScript engine is a program or an interpreter which executes JavaScript code. 🌀

A JavaScript engine can be implemented as a standard interpreter, or just-in-time compiler that compiles JavaScript to bytecode in some form. ✅


Why was the V8 Engine created❓

The V8 Engine which is built by Google is open source and written in C++. ✨

This engine is used inside Google Chrome. Unlike the rest of the engines, however, V8 is also used for the popular Node.js runtime.💎

V8 was first designed to increase the performance of JavaScript execution inside web browsers. 💨

In order to obtain speed, V8 translates JavaScript code into more efficient machine code instead of using an interpreter.💥

It compiles JavaScript code into machine code at execution by implementing a JIT (Just-In-Time) compiler like a lot of modern JavaScript engines do such as SpiderMonkey or Rhino (Mozilla). 🦊

The main difference here is that V8 doesn’t produce bytecode or any intermediate code. ❌


https://t.me/pgimg/160

[ Article ] : kutt.it/js-md2

〰〰〰〰〰〰
#JavaScript #Internals #V8
@ProgrammingTip

What Happened When I Peeked Into My Node_Modules Directory 🤯

The left-pad fiasco shook the JavaScript community to its core when a rouge developer removed a popular module from npm, causing tens of projects to go dark. ❌

While code bloat continues to slow down our websites, drain our batteries, and make “npm install” slow for a few seconds, many developers like myself have decided to carefully audit the dependencies we bring into our projects. 🌀

It’s time we as a community stand up and say enough is enough, this community belongs to all of us, not just a handful of JavaScript developers with great hair. 👥

I decided to document my experiences in auditing my projects’ dependencies, and I hope you find the following information useful. ✅


https://t.me/pgimg/173

[ Article ] : kutt.it/nmo

〰〰〰〰〰〰
#JavaScript #NPM
@ProgrammingTip

Splitting.js ✨

Splitting creates elements and adds CSS variables to unlock amazing possibilities for animating text, grids, and more❗️


https://t.me/pgimg/181

[ Website ] : splitting.js.org
[ Github ] : kutt.it/splt

〰️〰️〰️〰️〰️〰️
#JavaScript #Animation
@ProgrammingTip