Slides from talk on ES6

1. Leo Hernandez
BocaJS
June, 2016
@leojh
ES6
MAKE JAVASCRIPT GREAT
FOR THE FIRST TIME

2. 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

3. What is ES6 / ES2015
Latest JavaScript spec
Finalized in 2015
Introduces many modern language features to
JavaScript
Browser support is still limited
@leojh

4. 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

5. 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

6. Fat Arrow functions
Implicit Return (lambda style)
Function block
@leojh

7. String templates / interpolation
@leojh

8. Destructuring (from object assignment)
@leojh

9. Destructuring (from array assignment)
@leojh

10. Spread operator (immutable concat for arrays)
@leojh

11. Spread operator (immutable concat for objects)
@leojh

12. Classes
@leojh

13. Modules

14. 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

15. Let’s do some live coding!

16. THANK YOU!
@leojh