Design Patterns for Modern Javascript
summary
Four concrete techniques: a module scope store that keeps a persistent, access-controlled cart via ES modules; weak maps to attach metadata to DOM nodes without memory leaks and to build idempotent event listeners; proxies used as dependency trackers to run only relevant validation rules; and tagged template literals to parse DOM and build tiny components. Demonstrations include a working cart badge, a form validator that skips dead rules, an auto-animate use of weak maps, and a 2KB reactive library (no virtual DOM) that updates 500 elements quickly.
AI-written summary · about
chapters (8)
- 0:00Introduction and setup
- 1:46Why we're here today
- 3:08Module scopes in JavaScript
- 15:29Weak maps explained
- 25:02Proxies and their magic
- 33:49Tagged template literals
- 39:31Combining the techniques
- 44:11Q&A session
related talks
38m"Design Patters for Modern JavaScript"
52mJavaScript Design Patterns
45mAdvanced JavaScript patterns
54mPatterns for Programming in JavaScript
38mExploring the Enigmatic: Navigating JS's Uncharted Realms
44mModern JavaScript: Moving Beyond jQuery
40mScalable JavaScript architecture
53mArchitecting Robust JavaScript Applications