Module Frontiers

on YouTube ↗19m

" summary

ES6 modules deliver immutable live bindings so imports stay in sync and circular dependencies work; a low‑level loader API exposes the steps normalize locate fetch translate instantiate that can be overridden; a working prototype shows loader hooks can be extended and a bootstrap AMD-compatible loader can provide declarative config and plugin multiplexing; a simple convention — baseURL/moduleId.js layout — plus the module transpiler (ES6 → AMD/CommonJS) lets projects migrate now and removes most runtime config.

AI-written summary · about

" chapters (7)

1. 0:00Start
2. 5:14JS ENVIRONMENTS Browser makers us
3. 7:33DECLARATIVE LOADER CONFIG
4. 8:42INLINE MODULE SYNTAX module 'id' () would be sweet Needs more time
5. 11:06OUR APPS Bridging ES6 and AMD, Node worlds Project layout Package managers
6. 11:18BRIDGING WORLDS, AMD ES6- AMD es module-transpiler AMD- ES6: Command line tool, trivial transform Combo Bootstrap: AMD style config.plugins adapter
7. 12:45BRIDGING WORLDS, NODE les6-module-transpiler Loader hooks

" related talks

• 45mLoading Modules Everywhere!Gion Kunz · Voxxed Days Zurich 2017
• 34mNode.js: Path to ES6 modulesMarkus Hösel · Node.js Global Summit 2020
• 31mECMAScript Modules: Past, Present, and FutureGeorg Neis · Amsterdam JSNation Conference 2018
• 33mES6 Modules in the Real WorldSam Thorogood · Polymer Summit 2017
• 28mPast, Present, and FutureNicolò Ribaudo · JSHeroes 2023
• 37mModules for JS.nextDave Herman · JSConf US 2011
• 30mESM Loaders: Enhancing Module Loading in Node.jsGil Tayar · NodeTLV 2023
• 32mPlease Wait... Loading: A Talk of Two LoadersMyles Borins · Node+JS Interactive 2018