Building Amazing Single Page Applications the Right Way
summary
Gives ten rapid, concrete techniques and a working demo app (place-my-order) that Bitovi publishes on GitHub and npm; presents checklist data from ~34 projects showing management and UX beat pure tech, explains the modlet workflow (one folder = one module with tests and demo), publishing widgets to npm and using steel JS to export across AMD/CommonJS/ES6, building unit-testable viewmodels, two-way routing, a set-algebra “supermodel” for realtime plus inline and fall-through caching, live reload that drops a 2.46s reload to near instant, a bundling algorithm, and single context virtual DOM server rendering.
AI-written summary · about
chapters (16)
- 0:00Introduction
- 0:36Outline
- 1:12place-my-order
- 2:46Checklists
- 4:49Development
- 7:52Example
- 11:13Dependency Management Options
- 12:57Semver Packages Benefits
- 14:21Custom HTML Composition
- 25:386. Two way routing
- 34:11Inline Cache
- 36:18Real Time
- 41:03Smart Progressive Loading
- 46:00Server Side Rendering
- 46:30Single Context Virtual DOM
- 50:01Techniques
related talks
33mPitfalls and Opportunities of Single Page Applications
01h 07mModern Frontend Engineering
22mThe vanilla way
34mHow to build front-end web apps that scale
24mBuilding Realtime Singlepage Apps
29mDesigning very large JavaScript applications
46mArt and Science of Shipping Single Page Apps with Ember.js
45mBuilding Isomorphic Apps (Updated)