es6-features.md

Javascript ES6 Features and Examples

Overviews

• ES6 Features Overview
  https://github.com/lukehoban/es6features
  Examples of each of the new major features

• ES6 Features Comparison
  http://es6-features.org/
  Code snippets comparing ES6 features with their ES5 equivalents

• ES6 Overview in 350 Bullet Points
  https://ponyfoo.com/articles/es6
  Quick samples and descriptions of all the various ES6 capabilities

• Javascript Features
  http://jsfeatures.in/#ES6
  More samples of features in ES5, ES6, and ES7

• ES6 - The Bits You'll Actually Use
  http://jamesknelson.com/es6-the-bits-youll-actually-use/
  A quick tour through some of the more useful features in ES6

• ES6 Succinctly
  http://kamranahmed.info/blog/2016/04/04/es6-in-depth/
  A very readable overview of the features in ES6, why you would want to use them, and examples showing what they look like.

• How to Learn ES6
  https://medium.com/javascript-scene/how-to-learn-es6-47d9a1ac2620
  A set of resources for learning ES6

• ES6 for Humans
  https://github.com/metagrover/ES6-for-humans
  A kickstarter guide to writing ES6.

• Start Using ES6 Today
  http://wesbos.github.io/ES6-Talk/
  A set of slides describing the features in ES6

• Learn Harmony (ES2015) Now
  http://learnharmony.org/
  An interactive tool for learning and experimenting with ES6/ES2015 features

• ES6 New Features Tutorials
  https://www.youtube.com/playlist?list=PL6gx4Cwl9DGBhgcpA8eTYYWg7im72LgLt
  A set of video tutorials explaining the new features in ES6

• ES6 Cheatsheet
  https://es6cheatsheet.com/
  An interactive cheatsheet with editable and runnable examples to help explain the new syntax and features in ES6. Offered as a "Pay What You Want" model, so $0 is a valid choice, but payments are requested.

• A Rundown of Javascript 2015 Features
  https://auth0.com/blog/a-rundown-of-es6-features/
  An overview of the features in ES6 and how they can be used.

In-Depth Details

• ES6 In Depth
  https://ponyfoo.com/articles/tagged/es6-in-depth
  Many articles covering each feature in greater detail

• Exploring ES6
  http://exploringjs.com/es6/index.html
  A full online book covering every aspect of ES6 in fine detail

• Why Do ES6 Classes Exist, and Why Now?
  http://appendto.com/2016/06/why-do-es6-classes-exist-and-why-now/
  Digs into some of the intricacies of ES6 classes, and some of the pros and cons around using them

• When 'not' to use arrow functions
  http://rainsoft.io/when-not-to-use-arrow-functions-in-javascript/
  An in-depth look at when you should stick with standard JS functions instead of arrow functions

Specific Features

• Powering Javascript with Generators
  http://appendto.com/2016/06/powering-javascript-with-generators
  A useful introduction to the generators feature in ES6.

• Metaprogramming in ES6: Symbols, Reflection, and Proxies
  https://www.keithcirkel.co.uk/metaprogramming-in-es6-symbols/
  https://www.keithcirkel.co.uk/metaprogramming-in-es6-part-2-reflect/
  https://www.keithcirkel.co.uk/metaprogramming-in-es6-part-3-proxies/
  A deep dive into three new features of ES6 that enable different ways of metaprogramming.

• Detailed overview of well-known Symbols
  https://rainsoft.io/detailed-overview-of-well-known-symbols/
  An in-depth look at the predefined Symbols in ES6 and what they are used for.

• Learning ES6: New Collections https://www.eventbrite.com/engineering/learning-es6-new-collections/
  Details the new Map, Set, WeakMap & WeakSet collection types in ES6.

• Learning ES6: Iterators and Iterables
  https://www.eventbrite.com/engineering/learning-es6-iterators-iterables/
  Covers the new iteration-related features in ES6

• The Most In-Depth Yet Understandable ES6 Destructuring Tutorial
  http://untangled.io/in-depth-es6-destructuring-with-assembled-avengers/
  A thorough set of examples for ES6's destructuring feature

• Using ES6 Generators and Yield to Implement Async Workflows
  https://www.bennadel.com/blog/3123-using-es6-generators-and-yield-to-implement-asynchronous-workflows-in-javascript.htm
  A dive into how generators work, and how they can be used to handle async behavior

• ES6 Promise Anti-Patterns and Best Practices
  http://www.datchley.name/promise-patterns-anti-patterns/
  Some advice for good usage of Promises

• A Practical Introduction to ES6 Generator Functions
  http://thejsguy.com/2016/10/15/a-practical-introduction-to-es6-generator-functions.html
  Some practical examples discussing what generator functions are, how they work, and what they can be used for.

• 3 cases where JavaScript generators rock (+ understanding them)
  http://goshakkk.name/javascript-generators-understanding-sample-use-cases/
  A simple thinking pattern for easily understanding generators, plus 3 practical applications.

Techniques

• "Real" Mixins with Javascript Classes"
  http://justinfagnani.com/2015/12/21/real-mixins-with-javascript-classes/
  An explanation of what mixins are, and how to implement them using ES6 classes

• Functional Mixins in ECMAScript 2015
  http://raganwald.com/2015/06/17/functional-mixins.html
  Another approach at combining mixins and classes

• Selective transpilation for modern Javascript environments
  https://medium.com/@adamrackis/selective-transpilation-for-modern-javascript-environments-15bde6b75cfd
  An investigation into ways to offer up differently-compiled bundles for different platforms with various levels of JS feature support.

Javascript Module Formats

• JavaScript Modules: A Beginner's Guide
  https://medium.freecodecamp.com/javascript-modules-a-beginner-s-guide-783f7d7a5fcc
  https://medium.freecodecamp.com/javascript-modules-part-2-module-bundling-5020383cf306
  A two-part article discussing the various ways to define a module in Javascript, and common tools used to bundle modules together

• Understanding ES6 Modules via Their History
  https://www.sitepoint.com/understanding-es6-modules-via-their-history/
  A recap of how the various Javascript module formats evolved over time, and how that's lead to ES6 modules

• Javascript Module Systems Showndown: CommonJS vs AMD vs ES2015
  https://auth0.com/blog/javascript-module-systems-showdown/
  A look at the history and reasons for each module format's creation

• History and Background of Javascript Module Loaders
  https://appendto.com/2016/06/the-short-history-of-javascript-module-loaders/
  An overview of the various tools that have been used to load different module formats over time

• Understanding Javascript Modules: Bundling and Transpiling
  https://www.sitepoint.com/javascript-modules-bundling-transpiling/
  An overview of tools commonly used to bundle and transpile various module formats

• How Javascript Modules Work - from Past to Present
  http://www.penta-code.com/how-javascript-modules-work-from-past-to-present/
  An overview of the different approaches that have been used to load Javascript modules over time.