Awesome ES6

A curated list of delightful ES6 packages and resources.

Inspired by the awesome list thing. Here is the ES6 language specification.

For ES6 current support situation, please take a look at ECMAScript compatibility table.

For styling, you could referece airbnb style guide. You probably want to integrate its linter to editors like WebStorm, or linting with "npm run lint".

Packages

• 6to5 tools
• Libraries
• Misc

6to5-tools

• babel: Babel ships with a set of ES2015 syntax transformers, in addition, it supports JSX as well.

There're a lot more 6to5 tools, but mostly you just need babel.

Libraries

• cyclejs: A fully reactive JavaScript framework for Human-Computer Interaction
• cycle-time-travel: cycle-time-travel is a time travelling stream viewer for Cycle.js apps.
• react-d3-component: Let React have complete control over the DOM even when using D3. This way we can benefit from Reacts Virtual DOM.
• Prose Mirror: a well-behaved what-you-see-is-what-you-mean editor based on contentEditable, with support for collaborative editing and (soon) customizable document models.
• WebM webm.js is a simple one-page application that allows you to convert videos to WebM format right into your browser, without any plugins or server-side involved. It is built upon FFmpeg, libvpx and libopus which were ported to JavaScript using Emscripten.

Resources

• Books
• Tutorials
• Videos

Books

• ECMAScript 6 Introduction: Best ES6 introduction in Chinese.
• Exploring ES6: Contains reliable and in-depth information on ECMAScript 6, the next version of JavaScript, for people who already know JavaScript.

Totorials

• ES6 learning resources: Various ES6 learning resources in one page.
• ES6 in depth: A series articles about ES6 advanced topics.

Videos

• ES6 and ES7 the future of Javascript: a talk about ES6/ES7 features.
• Douglas Crockford – “The Better Parts”: a review of the new good parts in ES6 by Douglas Crockford.
• ES6 Right Now: Yet another ES6 introduction.
• They change everything - ES6 generators: Javascript Generators are AWESOME. At first glance, they seem overly simple and not very useful, but with a little bit of library love, they turn your async javascript from awful to joyful.
• Getting started with ES6: A getting started series.

Misc

• jlongster.com: A blogging application.
• redux-blog-example: Full-featured example of publishing platform built with React, Redux, React Router, Babel and Webpack.