Vanilla ES6 • TodoMVC
TodoMVC implementation in Vanilla ES6.
Demo: http://klikstermkd.github.io/todomvc-es6
The app uses Babel to transpile the ES6 code to ES5, and Webpack to bundle all files into one.
To install it locally on your machine do the following:
- Run
npm install -g webpack - Run
npm install
If you want to make some changes in the code, run webpack -w so that the code will automatically be transpiled to ES5 and bundled in a file called bundle.js, everytime you save any of the files in the js directory.
Webpack also creates a bundle.js.map file so that if an error occurs you can know in which file and line number the error occured.
List of ES6 features used in this app:
- Modules
- Classes
- Promises
- Arrow functions
- Template literals with interpolation
- Destructuring
- Default parameters
- Rest parameters
- Object literal shorthands
- Let, const
- for..of
To learn more about ES6 I highly recommend the book "Exploring ES6" by Dr. Axel Rauschmayer. It's very in-depth and with great examples. And it's also free to read it online!