Most of us are aware of ES6, the next generation of JavaScript that has many nice features https://medium.com/sons-of-javascript/javascript-an-introduction-to-es6-1819d0d89a0f

 

I thought I'd share a transpiler that I've been using on a few projects and it's working really nicely. It transpiles ES6 code into ES5 which is compatible in all the modern browsers IE9+

Here's the transpiler that I'm using: https://babeljs.io/

 

It's also available as a Grunt task.

Nice article. +1 for grunt

Definitely makes a difference, much cleaner code, although a little abstract at times making for a bit of a learning curve.

There's also a transform, Babelify, if you're using Browserify in your build.

Codepen has an option to use Traceur which is essentially the same thing if you need a place to practice.

Definitely makes a difference, much cleaner code, although a little abstract at times making for a bit of a learning curve.

 

There's also a transform, Babelify, if you're using Browserify in your build.

 

Codepen has an option to use Traceur which is essentially the same thing if you need a place to practice.

 

Haven't started to use Browserify yet but I plan to look into that (amongst the huge pile of other stuff I want to look into lol)

 

I've only recently started doing ES6 stuff, but this transpiler should allow me to use it now in my front-end projects so should provide a good learning platform.

 

For those interested in learning ES6 there's a good course on Front-end-masters. This tool (Babel) was recommended to my by Kyle Simpson, I'll use anything with his seal of approval

Edited May 4, 201511 yr by rbrtsmith