Skip to content

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.

======

Doors open at 5:30. I will kickoff presentation at 6:15. Bring a computer if you'd like to follow along. Come early if you don't have NodeJS (https://nodejs.org/en/) installed.

Jimmy John's sandwiches will be provided to everyone by Bitovi.

Members are also interested in