ES6: The ROAD MAP Examples

es6-roadmap-examples.md

 

ES6, The ROAD MAP

• R Rest & Spread
• O Object Literal Shortcuts
• A Arrow Functions
• D Destructuring & Default Parameters
• ...
• M Modules
• A Asynchronous P Programming (promises & generators)

Start Using ES6!

• Babel Repl Try out code snippets here!
• How to Use ES6 for Universal App Development

const and let

• Without let
• With let

Rest & Spread

• Without ...rest
• With ...rest
• ...rest & ...spread

Object literal shortcuts (concise object literals)

• ES5 literal
• ES6 literal
• Proper tail call setup
• Babel compile output
• Broken tail call
• Broken compile output
• Explicit name
• ESLint no-inferred-method-name

Arrow Functions

• ES5 1-line lambda
• ES6 1-line lambda
• Lambda no bind
• Lambda with bind
• Arrow lambda

Destructuring and default parameters

• Basic Example
• Variable Swap
• ES5 named options
• ES6 named options
• Deep param & property rename
• Defaults/overrides ES5
• Defaults/overrides ES6

Modules

• Node style modules
• ES6 Modules
• ES6 -> UMD React component example
• React component full source from "Baby's First Reaction: A 'Hello, World' Example for React"

Asynchronous Programming

• Promise
• Promise resolve or reject
• Repeat
• Queue
• You Don't Know JS: Async & Performance ch4
• The General Theory of Reactivity (GTOR)
• We Have a Problem with Promises
• Asynchronous Programming at Netflix

Template Strings

• Without template strings
• With template strings
• Tags

That's It!

Thanks for joining us. A video of the live webcast and all these sourcecode links will be available soon in the members area at EricElliottjs.com.