garmjs / esnext-showcase Goto Github PK

Showcasing real-world usage of ECMAScript 6 features in today's libraries/frameworks/projects/etc

These projects make use of ES6 features. Dig into their source, learn, and try out ES6 yourself!

There's already a lot of tooling that lets you develop with ES6 today.

All code in AngularJS 2 is already being written in ES6 (actually AtScript, but it's a superset of ES6).

• Features: Modules, Classes, Arrow functions, Promises
• Transpiler: Traceur

We'll make modules a first-class citizen, and soon every developer who starts using Ember will also be using ES6 modules.

• Features: Modules, Promises
• Transpiler: ES6 Module Transpiler

Enables support for typos in JavaScript property names. Powered by ES6 proxies + Levenshtein string distance.

• Features: Proxy

Negative array index support array[-1] using ES6 Proxy

• Features: Proxy

Natural sweetening for JavaScript objects using ES6 Proxy

• Features: Proxy

Backbone TodoMVC rewritten using ES6

• Features: Modules, Block Scoped Bindings, Classes, Spread operator, Arrow functions, Default parameters
• Transpiler: Traceur

Adds an Ember tab to chrome dev tools that allows you to inspect Ember objects in your application.

• Features: Modules, Promises
• Transpiler: ES6 Module Transpiler

A HAL client for JavaScript

• Features: Modules
• Transpiler: ES6 Module Transpiler

A lightweight library that provides tools for organizing asynchronous code

• Features: Modules
• Transpiler: ES6 Module Transpiler

A lightweight JavaScript library that builds on route-recognizer to provide an API for handling routes

• Features: Modules
• Transpiler: ES6 Module Transpiler

A small, lightweight library for normalizing JSON properties and values

• Features: Modules
• Transpiler: ES6 Module Transpiler

A variant of Handlebars that emits DOM and allows you to write helpers that manipulate live DOM nodes

• Features: Modules
• Transpiler: ES6 Module Transpiler

Static scope analysis and transpilation of ES6 block scoped const and let variables to ES3 vars

• Features: Block Scoped Bindings (const, let)
• Transpiler: defs.js

###Templating

The templating engine for Angular 2.0.

• Features: Modules, Classes, Arrow functions, Promises
• Transpiler: Traceur

###di

Dependency Injection Framework for the future generations...

• Features: Modules, Classes, Arrow functions, Promises
• Transpiler: Traceur

###ngHttp

Data Persistence

• Features: Modules, Classes, Arrow functions, Promises
• Transpiler: Traceur

###Watchtower

Super-fast change detection

• Features: Modules, Classes, Arrow functions, Promises
• Transpiler: Traceur

###Expressionist

Expression parser

• Features: Modules, Classes, Arrow functions, Promises
• Transpiler: Traceur

###Diary

Flexible logging and profiling library for JavaScript

• Features: Modules, Classes, Arrow functions, Promises
• Transpiler: Traceur

###Deferred

This project makes available an ES6 Deferred implementation, using ES6 Promises

• Features: Modules, Classes, Arrow functions, Promises
• Transpiler: Traceur

browserify transform that converts all const assignments to var assignments.

• Features: const immutability support only, no block scope
• Transpiler: varify

Small library for using workers in the browser.

• Features: Block Scoped Bindings (const, let)
• Transpiler: defs.js

Small & fast DOM and event library for modern browsers.

• Features: Modules, Arrow functions, Spread, Default Parameter Values
• Transpiler: Traceur

Expressive middleware for node.js using generators to make web applications and APIs more enjoyable to write.

• Features: Generators

Generator based flow-control goodness using thunks or promises, letting you write non-blocking code in a nice-ish way.

• Features: Generators, Promises

Higher order flow control functions for creating generators.

• Features: Generators

Beautiful concurrency for JavaScript.

• Features: Generators

Wrapper for Chance.js that let's you get random properties without any explicit method calls, i.e.: alephInstance.children.map(function (c) { return c.name; });.

• Features: Proxy

• Modules
• Block Scoped Bindings
• Proxy
• Generators
• Classes
• Arrow functions
• Spread
• Default Parameter Values
• Promises

• Traceur
• esnext
• babel
• ES6 Module Transpiler
• defs.js
• Regenerator — Facebook’s ES6 generator transpiler
• illusionist

• ECMAScript 6 specification
• ECMAScript 6 compatibility table
• A Few New Things Coming To JavaScript
• Author In ES6, Transpile To ES5 As A Build-step: A Workflow For Grunt
• ES3 <3 block scoped const and let => defs.js
• An aggregation of tooling for ES6
• Overview of ECMAScript 6 features
• Understanding ECMAScript 6 (ebook)
• ECMAScript 6 examples for Node.JS
• ECMASCript 2015 series on @medium

To the extent possible under law, Sindre Sorhus has waived all copyright and related or neighboring rights to this work. This work is published from: Norway.