Modern JavaScript Workflow Example App

You can find a hosted version of the slides here.

Lessons

1. Dependency

Working app without any dependency or tooling. Add bootstrap as dependency here. Read more

2. Modularization with RollupJS

Split the existing app into seperate files and use ES2015 modules to export/import the parts. Read more

3. Modularization with Webpack

Replace the existing RollupJS build with Webpack. Read more

4. Add loaders and plugins to Webpack

Add a babel transpiler and the style loader as plugins. Read more

5. Add esLint

Add the esLint plugin for static code analyses Read more

6. Testing

Add some tests for existing and new functionality Read more