Leo HernandezBocaJS

June, 2016

@leojh

ES6MAKE JAVASCRIPT GREAT

FOR THE FIRST TIME

About me

Software developer (JavaScript, React, Ember, .Net, Java)

I work at NinjaMSP

Been a member and speaker at BocaJS since 2014

Follow me on Twitter: @leojh

@leojh

What is ES6 / ES2015

Latest JavaScript spec

Finalized in 2015

Introduces many modern language features to JavaScript

Browser support is still limited

@leojh

ES6+ features

String templates/interpolation

const / let

Fat arrow functions

Destructuring

Modules

Spread Operator

Generators

Default parameters

Classes

Promises

Annotations

Observables

async / await

and more! …@leojh

const / let

● Stop using var● Not function scoped like var● Block scoped● ALWAYS USE const● Use let if you need to mutate your variable

@leojh

Fat Arrow functionsImplicit Return (lambda style)

Function block

@leojh

String templates / interpolation

@leojh

Destructuring (from object assignment)

@leojh

Destructuring (from array assignment)

@leojh

Spread operator (immutable concat for arrays)

@leojh

Spread operator (immutable concat for objects)

@leojh

Classes

@leojh

Modules

Common High Order Functions

● Stop using loops (for, while, do while) ● Favor use of

.forEach() - do something on each item

.map() - transform each item

.filter() - return all that match

.some() - true/false if any match

.reduce() - compute over set of items@leojh

Let’s do some live coding!

THANK YOU!

@leojh