Practical ES6!!!

A brief summary of some of the cool features from ES6.

Transcript

1. ES6!!!!!!!!!!! The Practical Stuff
2. Josh Crowther (@jshcrowthe) Tech Lead - Family Search • Open Source Advocate - Node.js - Web Components
 • Technology Enthusiast - IoT - MicroControllers - Web Software About Me
3. About Me Tyler Graf • Leader Person - FamilySearch • Advocate • Node.js • TC-39 • Web Components • Stuff/Things • Interests • Photography • Film • Typography
4. Note: We are going to be showing a lot of code
5. Template Strings https://jsbin.com/kusada/edit?js,console
6. Arrow Functions https://jsbin.com/lamuya/edit?js,console
7. Classes jsbin.com/xunomek/34/edit?js,console
8. Symbols jsbin.com/canija/15/edit?js,console,output
9. Enhanced Object Literals https://jsbin.com/rehojav/edit?js,console
10. default + rest + spread + destructuring https://jsbin.com/ceqomen/edit?js,console
11. Iterables - for…of jsbin.com/ticemut/11/edit?js,console
12. ES6 Collections Map/Set WeakMap/WeakSet
13. let + const jsbin.com/kacevax/edit?js,console
14. New Prototype Functions jsbin.com/jixixe/3/edit?js,console
15. Proxies/Reflect jsbin.com/fikoyab/19/edit?js,console
16. Subclassable Built-Ins jsbin.com/goyoxep/4/edit?js,console,output
17. ES6 Browser Support?
19. Browser Support Chrome 53 97% Firefox 45 86% Safari 10 100% Edge 14 93%
20. SlideDeck https://speakerdeck.com/ jshcrowthe https://familysearch.org