In this topic we will take a closer look at the term ES6. To be more specific, we will properly explain what it means and we will also investigate the implications of it in our code.
- What is ECMAScript 6 || simply ES6.
- ES6 Features.
- What is Babel.
Furthermore, throughout this course you might have seen articles talking about features in ES7 or ES8 or ES2015 or ES2017 etc. This might seem a little bit confusing. Right after the release of ES6, the committee that makes these decisions changed the naming scheme from ‘version numbers’ (ES5, ES6, ES7 etc.) to ‘release years’ (ES2015, ES2016, ES2017 etc.)
Go through this article which provides a nice clean explanation and timeline of the various ECMAScript releases.
Go through this document which outlines all the new features that showed up in ES6.
This hasn’t been an issue for us since, we are almost definitely using a new browser that automatically updates itself when a new version is released. However if you are selling a product to customers you don’t know which browsers people use.
This is something that you won’t have to worry about in your projects. Most all modern browsers support ES6 features. Having said that, since new features are announced and released constantly you can use Babel to try them out, before they are available in any browser!
Follow the instructions here to install the babel-loader and use it with webpack.