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+

You have seen four examples for built-in iterables among the previous lessons:

- Arrays are iterables, and work well with the `for-of` loop.
- Strings are iterables as arrays of 2 to 4-byte characters.
- DOM data structures are also iterables. If you want  proof, just open a random website, and execute `[...document.querySelectorAll('p')]` in the console
- Maps and Sets are iterables.

Let's experiment with built-in iterables a bit:

built-in iterables explained using examples

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

Built-in Iterables