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+

Recall our string iterator example to refresh what iterable objects and iterators are:

let message = 'ok';
let stringIterator = message[Symbol.iterator]();

We call the `next` method of `stringIterator` to get the next element:

However, before we learned about iterators, we used the *iterable object* in a `for-of` loop, not the iterator:

generators returning Iterators that are also Iterables

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

Generators and Iterators