ES6 ECMA2015
1 like790 views
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 of 16
Download to read offline
ES6 ECMA2015
- 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