Tweet

Tweet

Slide 1

Slide 1 text

ES6 in Production Pramendra Gupta

Slide 2

Slide 2 text

ES6(ES2015)

Slide 3

Slide 3 text

const test = ({id, user}) =>

{id}{user}; ES6(ES2015)

Slide 4

Slide 4 text

const test = ({id, user}) =>

{id}{user}

; "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

Slide 5

Slide 5 text

We ship fallback to support legacy browser

Slide 6

Slide 6 text

Browser Support

Slide 7

Slide 7 text

Disadvantage of ES5 File Size Parse Time big large Debug hard

Slide 8

Slide 8 text

No content

Slide 9

Slide 9 text

Slide 10

Slide 10 text

No content

Slide 11

Slide 11 text

async/await Classes Arrow functions Promises Map Set ES6 modules support lands in browsers

Slide 12

Slide 12 text

Advantage of ES6 version size(min+gzipped) parse time ES5 40k 360ms ES6+ 20k 170ms File Size Parse Time small low Debug easy

Slide 13

Slide 13 text

ES6 Rocks

Slide 14

Slide 14 text

How do we use ES6 in Production

Slide 15

Slide 15 text

Demo https://github.com/pramendra/es6-in-production