es6-features

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.

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.

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.