Modular JavaScript: Dynamic Dependency Resolution
summary
Explains how to use JavaScript modules together with Babel, PostCSS, PostHTML and hqjs to eliminate traditional build pipelines, enabling instant project startup regardless of framework. Describes a modular approach that dynamically resolves dependencies to reduce maintenance costs and improve security, and shows how to organize a simple, effective, and safe front-end delivery workflow.
AI-written summary · about
chapters (30)
- 0:00Introduction
- 5:52Why modules matter
- 7:42Web dev complexity
- 10:56Web tech history
- 15:56JS modules history
- 18:44How JS modules work
- 20:56Cyclic dependencies
- 25:48Module object features
- 27:34HTTP/2 impact
- 29:23Modern bundlers issues
- 33:37HQ tool idea
- 36:12What is HQ
- 39:29HQ file processing
- 41:55HQ production build
- 43:21HQ standards support
- 44:22Transforming React imports
- 46:48CommonJS support
- 48:56Dead code elimination
- 49:40HQ production ready
- 50:21Simplify dev with HQ
- 51:05HQ CDN mode
- 52:33Dependency versioning
- 54:00Environment tags
- 55:53Fast version updates
- 57:17Dependency security updates
- 1:00:10Old browser support
- 1:01:58Advanced service worker
- 1:04:06HQ alternatives
- 1:06:33HQ demo
- 1:07:15HQD app example
related talks
24mMaking small modules actually work with webpack and npm
19mModule Frontiers
36mUnbundling the JavaScript module bundler
56mComponents and Modules
19mModularity Matters
41mThe future is modules not frameworks. JS modules Architecture demo.
33mES6 Modules in the Real World
05mEffective Dependency Management in JavaScript