RiotJS Module Hot Loading Demo
Module Hot Loading enables a super efficient workflow without the pain of manual reloading of your web application. What do I mean by that? Well, the usual web developer cycle is:
- Write code
- Save code
- Switch to Browser
- Hit Reload
- See what happens
- Switch back to Editor
Half those steps (3, 4 and 6) are manual and very repetitive if you want to have an incremental development experience. They can be automated completely.
This is a demo showing you how to incrementally build a super simple RiotJS application using module hot-loading. I never had to go back to the browser and hit 'reload'. To be able to do this, I used the RiotJS-Loader.
For a video demo, please visit 200ok.ch/riotjs-module-hot-loading-demo/index.html.
Starting the app
npm install ./node_modules/.bin/webpack-dev-server --inline --hot --host 127.0.0.1
http://127.0.0.1:8080/ and start editing your tag files at the