Waching daily Dec 5 2018

Hi!

Let's talk today about State of JavaScript, React version 16, and DOM.

I'm Anatol and you are watching the Good Parts of the Frontend development.

If this is your first time here and you wanna learn Frontend and JavaScript, start right

now by subscribing and don't forget to turn on the subtitles.

[Music playing]

The State of JavaScript 2018 is live.

React is still the dominant front-end framework.

Jest and Mocha are the most popular test frameworks, and Python is the most common another language

for JS developers to use.

Dan Abramov posted The React 16.x Roadmap.

This article explains all the new concepts of in the React ecosystem like hooks and 'Suspense'

and depicts the big picture and future proposals.

Take a look.

One more article regarding this topic is "React Hooks for GraphQL" by Nader Dabit.

Here you can read how to create custom React hooks to handle common GraphQL operations.

"Building an Interactive Infographic with Vue.js" is a thorough guide to building a

dynamic and interactive infographic using Vue.js, SVG and GreenSock.

Using JavaScript to run JavaScript generated by JavaScript is a quite educative task that

can help understand JavaScript better.

In the article "Building Your Own Interactive JavaScript Playground" you can learn how to

replicate the underlying functionality of sites like JSBin or Code like CodeSandbox

or CodePen if you wanted to.

[Music playing]

"A Quest to Guarantee Responsiveness" from Chrome Dev Summit explores two strategies:

main thread scheduling, and moving work into background threads (via Web Workers).

Here you can see the latest performance research on multi-threading JavaScript.

In the article "Writing memory efficient software applications in Node.js" you can learn how

to optimize your Node.js programs by 98% using automatic back pressuring.

In the post "Why you should isolate Express from the rest of your Node application" Corey

Cleary conveys the message: Express is the entry point, not the entire app.

The author describes how loosely coupling your app logic from the Web side of things

could help you with testing, structure, and more.

In case you're working with Node, you probably know that testing third-party APIs and mock

them might be a challenging task.

In this overview, you can learn how to use "nock", or "network mock", a library for mocking

HTTP server requests.

The very next point in my list is "The Power of Web Components."

This is a very accessible tutorial that looks at the state of play and how to create your

own components with HTML and JavaScript.

[Music playing]

"An Extensive Guide to Progressive Web Applications" by Anita Masand wraps up all the pieces that

are involved in the creation of Progressive Web Applications starting from Service Workers

and ending at IndexDB.

"What, Exactly, Is The DOM?"

In this guide, Ire Aderinokun breaks down what the "Document Object Model" actually

is, how is a web page built, how is the DOM created, what the DOM is not, etc.

One more interesting article from Ire titles "What is First Input Delay?".

Here Ire explains what causes a slow First Input Delay and how to track it.

Have a look.

"Five Years of PostCSS: State of The Union."

In this post, Andrey Sitnik tells the story behind the project, the past, present and

future of PostCSS, in a "state of the union"-style address on its 5th anniversary.

Nick Babich in his turn posted an article titled "The Magic of Paper Prototyping."

Paper prototyping is a great way to create and test new designs quickly.

The author describes Practical tips for paper prototyping and Practical recommendations

for Testing with paper prototypes.

You can find details at UX Planet.

[Music playing]

If you like this video give it "thumbs up", share it with your friends, subscribe to the

channel and watch other episodes.

Thanks for watching and stay curious.