This module will teach you all you need to know about modern JavaScript ES6+

React Development for Professionals

This module will cover the basics of JavaScript ES6+, which is used by modern frameworks such as React. It is important to be comfortable with the basics of modern JavaScript before you start with React this module will serve as a primer for developers that plan to learn any advanced JavaScript framework or library. This module will also provide a practical view of all the components of ES6. Each component will be discussed in detail and explanation will be provided for how and why it makes things simpler in JavaScript.

ES6+

> Rule 1: use `let` for variables, and `const` for constants whenever possible. Use `var` only when you have to maintain legacy code.

The following rule is also worth keeping. 

> Rule 2: Always declare and initialize all your variables at the beginning of your scope.

Using rule 2 implies that you never have to face with the temporal dead zone. 

If you have a linter such as ESLint, set it up accordingly, so that it warns you when you violate the second rule.

If you stick to these two rules, you will get rid of most of the anomalies developers face.



the use case of let, const and var; avoiding errors, such as the temporal dead zone, and using a linter

Introduction

Function Scope, Block Scope, Constants

Arrow Functions

Default Arguments

Classes

Destructuring

Spread Operator and Rest Parameters

Objects in ES6

Tail Call Optimization and Other Function Features in ES6

Symbols

The for-of loop

String and Template Literals

Sets, Maps, and their Weak Versions

Iterators and Generators in Depth

ES6 Promises

Configuring ES6 with Webpack

The Reflect API

Proxies in Practice

Math and Number Extensions

ES2016

ES2017

Conclusion

let, const, and var