IOC + Javascript

on YouTube ↗01h 32m

" summary

Argument: bring dependency injection, AMD modules and promises into browser and server JavaScript to manage large apps. Demonstration assembles a Monty Hall app with KujoJS and the wire.js container, using AMD/UMD/CommonJS loaders (curl/require), meld-style AOP, when-style promises and build-time transforms. The project grows to about 300 JavaScript modules and six HTML pages, uses per-view test harnesses and works in both browser and Node, improving testability, refactorability, composability and team-scalability.

AI-written summary · about

" chapters (15)

1. 0:00Introduction to talk
2. 3:11Why IOC in JavaScript
3. 8:17IOC container overview
4. 13:32AMD module definition
5. 24:19AMD in practice demo
6. 27:51AMD loaders and globals
7. 36:25CommonJS module format
8. 40:20Compiled to AMD concept
9. 42:15AMD to CommonJS demo
10. 48:58Dependency injection with AMD
11. 57:09DOM as first-class citizen
12. 1:05:13AOP and event handling
13. 1:15:18Asynchronous operations with promises
14. 1:20:52Code organization benefits
15. 1:27:41Testing and collaboration

" related talks

• 41mThe future is modules not frameworks. JS modules Architecture demo.Brian Cavalier, John Hann · JSConf US 2011
• 04mDevelopment of JavaScript applicationsDhaval · Meta Refresh 2013
• 23mParty like it's 1999, write JavaScript like it's 2012Tony Milne · Web Directions Code 2012
• 29mDesigning very large JavaScript applicationsMalte Ubl · JSConf AU 2018
• 38mBuilding Universal AppsRobert Onodi · JSHeroes 2017
• 25mModern JavaScriptRebecca Murphey · JSConf US 2011
• 59mNo Strings Attached: JavaScript without Webpack, Transpilers, or FrameworksAshley M Grant · NDC Minnesota 2019
• 45mLoading Modules Everywhere!Gion Kunz · Voxxed Days Zurich 2017