ES6, Right here, right now - Speaker Deck

ES6, Right here, right now

Speaker Deck

Tweet

Tweet

Slide 1

Slide 1 text

Es6 Right here, right now

Slide 2

Slide 2 text

What is Es6 Single implementation of common framework features New functionality

Slide 3

Slide 3 text

Modules

Slide 4

Slide 4 text

CommonJs

Slide 5

Slide 5 text

Es6 modules

Slide 6

Slide 6 text

Classes

Slide 7

Slide 7 text

Classes No support for private methods, can fake it though No support for private variables, yet

Slide 8

Slide 8 text

fake private methods

Slide 9

Slide 9 text

Arrow functions

Slide 10

Slide 10 text

Let and const

Slide 11

Slide 11 text

Default parameters

Slide 12

Slide 12 text

Template strings

Slide 13

Slide 13 text

Others • Built in promises • Sets, Maps • Proxies • Math - .isNan, .isInteger, constants • Array - .from, .ﬁnd, .ﬁndIndex • Strings - .contains • Binary and octal literals • Generators and yield • Destructuring and spread operators

Slide 14

Slide 14 text

Using this right now https://babeljs.io/

Slide 15

Slide 15 text

Server side > Node 4 - everything except modules < Node 4 is a crapshoot Hook into require

Slide 16

Slide 16 text

Client side ES6 — Babel —> ES5 modules ES5 modules — Webpack —> FRONTEND SCRIPT

Slide 17

Slide 17 text

Client side grunt/gulp + browserify/webpack + babel                  

Slide 18

Slide 18 text

@shiggsatwork