Hacknight - Building a progressively loaded app with StealJS
Details
https://stealjs.com/docs/StealJS.guides.progressive_loading.html
Here's the guide we will be doing:
https://secure.meetupstatic.com/photos/event/c/e/6/c/600_463732844.jpeg
In this hands-on training, we will learn how to build a multi-page, progressively loaded site, that uses hot-module swapping with the StealJS (http://stealjs.com/) module loader. Lets break that down:
- multi-page - Listen to when the URL changes and show different content to the user.
- progressively loaded - Load only the JS and CSS required for a particular page.
- hot-module swapping - When a file changes, the UI is automatically updated. No more reloading!
- module loader - StealJS loads JS and other code like Webpack, RequireJS, and browserify. Module loaders help organize a projects scripts and build into minified scripts that load in production quickly.
We'll StealJS to:
- Setup a project from scratch.
- Install and import other packages from npm, including jQuery.
- Make and test a mini application.
- Create modules in the ES6 and CommonJS formats.
- Organize your modules using the modlet workflow (http://blog.bitovi.com/modlet-workflows/) - adding tests, docs, and demo pages.
- Build your application to production.


