Essential ES6 Power-ups 🍄

This is the learn-es6 code examples from my free course

Course is on KEY FEATURES in ES6 and upcoming future features likely to be included in ES7

Learn Modern JS Essentials

How to run these examples

• I recommend using VSCode with the Quokka extension
• npm i
• .babelrc presets
• cmd space p (Quokka js start on current file)

Course overview

• ES6 / ES2017 / ECMAScript https://realtimeboard.com/app/board/o9J_kz8Cdw4=/

ES5.1

• Array Helpers
  • forEach
  • map
  • filter
  • find
  • every
  • some
  • reduce

Key ES6 features

• Let and Const
  • declaration vs initialization
  • hoisting
  • reassignment
  • scope (Block scope is the new IIFE)
• Template Literals
  • String Interpolation
  • Multi-line
  • Tagged templates
• Destructuring
  • Arrays
  • Objects https://wesbos.com/destructuring-objects/
  • Nested objects
  • Default values (beware of nulls)
  • Renaming destructured values
• New built in methods
  • Object.assign
  • .find
  • .findIndex
  • .repeat
  • .startsWith
  • .endsWith
  • .includes
  • .isNaN
• Enhanced Object Literals
  • Property Shorthand {a,b}
  • Computed Property names - [a+b]: c
• Arrow Functions
  • Implicit return
  • Remove parens single param
  • Concise syntax
  • this keyword
  • Always anonymous functions https://wesbos.com/arrow-functions/
• Modules
  • Import
  • Export
  • Wildcard
• Classes
  • Class Definition
  • Class 'Inheritance'
  • Base class access with super
  • Static class members
• Promises
  • Promise
  • Promise.all
• Bonus Round
  • Generators
  • Iterators
    • For of
    • Generators
    • Async Generators
    • Calling Next
  • Number Formatting
    • Number
    • Currency
    • Date/Time
• Async
  • Promises
  • Fetch

Upcoming stage features you should be using now

• Async / Await !!
• Rest/Spread Properties for ECMAScript ! Draft Stage 3.
• Observables