es6-in-production

1. ES6 in Production Pramendra Gupta
2. ES6(ES2015)
3. const test = ({id, user}) => <h1><span>{id}</span>{user}</ h1>; ES6(ES2015)
4. const test = ({id, user}) => <h1><span>{id}</span>{user}</h1>; "use strict"; var test = function test(_ref) { var id = _ref.id, user = _ref.user; return React.createElement( "h1", null, React.createElement( "span", null, id ), user ); }; ES6 ES5
5. We ship fallback to support legacy browser
6. Browser Support
7. Disadvantage of ES5 File Size Parse Time big large Debug hard
9. <script type="module" />
11. async/await Classes Arrow functions Promises Map Set ES6 modules support lands in browsers <script type="module" />
12. Advantage of ES6 version size(min+gzipped) parse time ES5 40k 360ms ES6+ 20k 170ms File Size Parse Time small low Debug easy
13. ES6 Rocks
14. How do we use <!DOCTYPE html> <html> <head> <title>ES6 in Production</title> <script type="module" src="bundle.js"></script> </head> <body> <div id="app"></div> <script nomodule src="bundle-legacy.js"></script> </body> </html>
15. Demo https://github.com/pramendra/es6-in-production