grunt-babel - Grunt plugin for Babel

•    Javascript

---

Issues with the output should be reported on the Babel issue tracker.See the Babel options, except for filename which is handled for you.

babel grunt-plugin gruntplugin transpiler es2015 rewriting transformation syntax codegen desugaring compiler

language-babel - ES2017, flow, React JSX and GraphQL grammar and transpilation for ATOM

•    CoffeeScript

---

Language grammar for all versions of JavaScript including ES2016 and ESNext, JSX syntax as used by Facebook React, Atom's etch and others, as well as optional typed JavaScript using Facebook flow. This package also supports highlighting of GraphQL language constructs when inside certain JavaScript template strings. For .graphql and .gql file support please see language-graphql . The colour of syntax is determined by the theme in use. By default the language-babel package will detect file types .js,.babel,.jsx, .es, .es6, .mjs and .flow. Use the standard ATOM interface to enable it for other file types. This provides a grammar that scopes the file in order to colour the text in a meaningful way. If other JavaScript grammars are enabled these may take precedence over language-babel. Look at the bottom right status bar indicator to determine the language grammar of a file being edited. language-babel will be shown as either Babel or Babel ES6 JavaScript. Clicking the name will allow the grammar for a file to be changed.

atom react jsx es5 es7 babel graphql styled-components es6 flow esnext es2015 es2016 es2017 relay apollo

naomi - Sublime Text enhanced syntax highlighting for JavaScript ES6/ES7/ES2015/ES2016/ES2017+, Babel, FlowType, React JSX, Styled Components, HTML5, SCSS3, PHP 7, phpDoc, PHPUnit, MQL4

•    MQL4

---

Enhanced syntax definitions for Sublime Text 3. After installing the plugin and restarting Sublime, it will automatically use the syntaxes contained in this package.

syntax sublime es6 flowtype html5 es2015 php7 babel es2016 es7 webpack reactjs react flow sass postcss babel-sublime styled-components cssnext

core-decorators - Library of stage-0 JavaScript decorators (aka ES2016/ES7 decorators but not accurate) inspired by languages that come with built-ins like @​override, @​deprecate, @​autobind, @​mixin and more

•    Javascript

---

Library of JavaScript stage-0 decorators (aka ES2016/ES7 decorators but that's not accurate) inspired by languages that come with built-ins like @​override, @​deprecate, @​autobind, @​mixin and more. Popular with React/Angular, but is framework agnostic. Similar to Annotations in Java but unlike Java annotations, decorators are functions which are applied at runtime. This can be consumed by any transpiler that supports stage-0 of the decorators spec, like babel.js version 5. Babel 6 does not yet support decorators natively, but you can include babel-plugin-transform-decorators-legacy or use the applyDecorators() helper.

es6 es7 es2015 es2016 babel decorators override deprecated annotations autobind react angular lodash mixin mixins

es6-module-transpiler - Tomorrow’s JavaScript module syntax today

•    Javascript

---

This project is part of esnext, which has merged with Babel. All the features of esnext are supported by Babel, and more. All the tests from esnext have been ported over to Babel to ensure that switchers will have minimal code changes to make. The maintainers of esnext will continue working on Babel to bring better spec compliance, ES6 feature support, and performance. If you want a fast tool with bundling support as found in this project, you should check out Rollup. ES6 Module Transpiler is an experimental compiler that allows you to write your JavaScript using a subset of the ES6 module syntax, and compile it into AMD or CommonJS modules.

es6 module transpile amd commonjs

babel-standalone - :video_game: Standalone build of Babel for use in non-Node

•    Javascript

---

babel-standalone is a standalone build of Babel for use in non-Node.js environments, including browsers. It's bundled with all the standard Babel plugins and presets, and a build of babili (babel-minify) is optionally available too.Note that .babelrc doesn't work in babel-standalone, as no file system access is available. The presets and/or plugins to use must be specified in the options passed to Babel.transform.

babel-standalone babel es2015 es6 babeljs 6to5 transpile transpiler

flow-remove-types - 🚿 Removes Flow type annotations from JavaScript files with speed and simplicity

•    Javascript

---

Turn your JavaScript with Flow type annotations into standard JavaScript in an instant with no configuration and minimal setup. Flow provides static type checking to JavaScript which can both help find and detect bugs long before code is deployed and can make code easier to read and more self-documenting. The Flow tool itself only reads and analyzes code. Running code with Flow type annotations requires first removing the annotations which are non-standard JavaScript. Typically this is done via adding a plugin to your Babel configuration, however Babel may be overkill if you're only targetting modern versions of Node.js or just not using the modern ES2015 features that may not be in every browser.

flow flowtype compiler transpiler transform es6

flow-remove-types - 🚿 Removes Flow type annotations from JavaScript files with speed and simplicity

•    Javascript

---

Turn your JavaScript with Flow type annotations into standard JavaScript in an instant with no configuration and minimal setup. Flow provides static type checking to JavaScript which can both help find and detect bugs long before code is deployed and can make code easier to read and more self-documenting. The Flow tool itself only reads and analyzes code. Running code with Flow type annotations requires first removing the annotations which are non-standard JavaScript. Typically this is done via adding a plugin to your Babel configuration, however Babel may be overkill if you're only targetting modern versions of Node.js or just not using the modern ES2015 features that may not be in every browser.

flow flowtype compiler transpiler transform es6

babel-plugin-macros - 🎣 Enables zero-config, importable babel plugins

•    Javascript

---

Check out this guest post on the Babel.js blog for a complete write up on the problem, motivation, and solution.Currently, each babel plugin in the babel ecosystem requires that you configure it individually. This is fine for things like language features, but can be frustrating overhead for libraries that allow for compile-time code transformation as an optimization.

babel babel-plugin babel-macros macros macro babel-macro babel-plugin-macro

babel-loader - 📦 Webpack plugin for Babel

•    Javascript

---

This package allows transpiling JavaScript files using Babel and webpack.Notes: Issues with the output should be reported on the babel issue tracker.

webpack loader babel es6 transpiler module

regenerator - Source transformer enabling ECMAScript 6 generator functions in JavaScript-of-today.

•    Javascript

---

Source transformer enabling ECMAScript 6 generator functions (yield) in JavaScript-of-today (ES5)

generator yield coroutine rewriting transformation syntax codegen refactoring transpiler desugaring es6

kneden - Transpile ES2017 async/await to vanilla ES6 Promise chains: a Babel plugin

•    Javascript

---

This project is currently unmaintained. If you want to take over, feel free to fork the repo. If such a fork gets maintained or contains useful improvements, I'd be willing to merge back and give repo+npm access.WARNING: Kneden is usable, but it's also not complete yet.

babel-plugin promise async es 7 6 babel await promises function functions plugin

CtCI-6th-Edition-JavaScript-ES2015 - Cracking the Coding Interview 6th Ed

•    Javascript

---

These are solutions and associated unit tests for the questions in Cracking the Coding Interview 6th edition using JavaScript ES2015 features. These solutions specifically take advantage of ES2015 enhancements to the JavaScript language and require the latest Node.js (>= v5.0.0) to work properly. As not all ES2015 features are available in V8 yet babel is being used to fill in the gaps (at this point only the ES2015 module syntax is being transpiled by babel). As part of the unit tests ESLint will also be run against all files to ensure that the JavaScript is valid and follows best practice.

gulp - The streaming build system

•    Javascript

---

This file will give you a taste of what gulp does. Node already supports a lot of ES2015, to avoid compatibility problem we suggest to install Babel and rename your gulpfile.js as gulpfile.babel.js.

build stream system make tool asset pipeline series parallel streaming

rollup-plugin-babel - Seamless integration between Rollup and Babel

•    Javascript

---

Seamless integration between Rollup and Babel.Both approaches have disadvantages – in the first case, on top of the additional configuration complexity, you may end up with Babel's helpers (like classCallCheck) repeated throughout your code (once for each module where the helpers are used). In the second case, transpiling is likely to be slower, because transpiling a large bundle is much more work for Babel than transpiling a set of small files.

rollup-plugin babel es2015 es6

angular2-babel-esnext-starter - Angular development and testing examples with Babel in Javascript (ES6/ES7)

•    Javascript

---

This repository shows development and testing techniques with Angular. The application is written in modern Javascript without Typescript. It can be ideal for those who are new to Angular and want to learn how things work and fiddle with Typescript later. It is a basic CRUD application with authentication, similar to the news site jslive.com. You can see the list of links, add and edit them after you signed in.

angular babel webpack angular2 es6 gulp

babel-handbook - :blue_book: A guided handbook on how to use Babel and how to create plugins for Babel

•    Javascript

---

A guided handbook on how to use Babel and how to create plugins for Babel. If you are reading a non-English translation of this document you will find a number of English words that are programming concepts. If these were translated to other languages there would be a lack of consistency and fluency when reading about them. In many cases you will find the literal translation followed by the English term in parenthesis (). For example: Abstract Syntax Trees (ASTs).

babel handbook documentation guide plugin

babel-plugin-transform-decorators-legacy - A plugin for Babel 6 that (mostly) replicates the old decorator behavior from Babel 5

•    Javascript

---

This is a plugin for Babel 6 that is meant to replicate the old decorator behavior from Babel 5 in order to allow people to more easily transition to Babel 6 without needing to be blocked on updates to the decorator proposal or for Babel to re-implement it. If you are including your plugins manually and using transform-class-properties, make sure that transform-decorators-legacy comes before transform-class-properties.

babel babel-plugin es7 decorators

react-starterify - A minimal React JS application starter kit

•    Javascript

---

A minimal React JS application starter kit. React Starterify aims to give you a good starting point for your projects. If you're looking for a minimal ES6 (ES2015) React JS starter with nice shallow rendering test examples, this is probably for you.

react boilerplate kickstarter browserify postcss gulp seed es6 es2015 babel ava

eslint-plugin-babel - An ESlint rule plugin companion to babel-eslint

•    Javascript

---

An eslint plugin companion to babel-eslint. babel-eslint does a great job at adapting eslint for use with Babel, but it can't change the built in rules to support experimental features. eslint-plugin-babel re-implements problematic rules so they do not give false positives or negatives.Finally enable all the rules you would like to use (remember to disable the original ones as well!).

babel-eslint eslint babel eslint-plugin eslintplugin