This document discusses ES6 features such as template literals, arrow functions, classes, promises, generators and import/export syntax. It provides instructions on setting up Babel and using npm scripts to transpile ES6 code to a compatible format. Key steps include installing Babel and preset packages via npm, adding a .babelrc file to configure Babel, and using the "babel" command to transpile source code to an output directory. WebStorm can also transpile code on the fly for development.

1. ES6
ECMA 2015

2. ES6 Compatibility
https://kangax.github.io/compat-table/es6/
This tutorial uses Babel + Polyfills

3. Babel
npm install —save-dev babel-cli
npm install babel-preset-es2015
npm install babel-preset-stage-0
.babelrc

4. npm
babel src -d out
“babel-cli” : “^6.5.1”
npm run build

5. WebStorm
watches JS files,
transpiles them on the spot.

6. String Template & Interpolation
` ${val} `

7. Decompose

8. Array & Map
let of to iterate an array or a map

9. Arrow Function (Lambda)
( param1, param2 ) => {
statements
}

10. High Order Functions
map, filter, forEach

11. Class

12. Export & Import
import {func} from ‘filename’
import * as xxx from
This needs to point to the compile code.

13. Promises
replace Callbacks with Promises.
Chain of Promises

14. Promises
Wait for all the promises done.

15. Generators (yield)
npm install babel-polyfill

16. Generators
let us invoke async functions synchronously.
or
randevu