

The ES5 code it generates after transpiling the ES6 code, can easily be read and understood by any average JavaScript developer, as it doesn’t add any special variables or hacks in the converted code.

The reason for choosing Babel is, amongst all other transpilers, Babel supports the most number of ES6 and ES7 features. In this article, we will use Babel to transpile ES6 code to ES5. The other popular alternatives are Traceur from Google and TypeScript, the typed JavaScript language from Microsoft.

It was named 6to5 earlier, but then got renamed to Babel to make the name generic. The most popular one these days is Babel. There are a number of transpilers that convert the ES6 code to browser readable ES5 code. Download this magazine from here or Subscribe to this magazine for FREE and download all previous and current editions This article is published from the DNC Magazine for Developers and Architects. Meanwhile, as we saw in previous articles on ES6, transpilers have filled in the gaps and have allowed us to use these new features, till the browsers implement them all. Browsers have started implementing the new features, although they still need some time to implement all the features. The specification of the language was frozen in June 2015. It comes with a number of language improvements and API updates to make JavaScript developers more productive. ECMAScript 2015 (also known as ES 2015 or ES6) is the current version of JavaScript, and its biggest update till date.
