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+

A `Set` data structure in ES6 is an *ordered* list of unique elements. Here are some set functions and their usage:

| Keyword | Type | Usage |
|----------|:------:|------:|
|`Set`| constructor | creates a set |
| `add` | method | adds elements to the set |
| `size` | property | check size of the set |
| `has` | method | check if an element is a member of the set |
| `delete` | method | remove a value from a set |

Consider the following code:


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

ES6 Sets