"Design Patters for Modern JavaScript"
summary
Shows four concrete patterns and demos the results: module scopes for a persistent global store with a clickable shopping cart and reactive badge, weak maps for memory safe element data and idempotent handlers, proxies for fine‑grained reactivity and form validation, and tagged template literals for DOM templating. Ends by combining them into a 2KB library (no virtual DOM) called aerojs and runs a 500‑cell perf demo that actually keeps up, so the techniques are proven and immediately reproducible.
AI-written summary · about
chapters (7)
- 0:00Modern JS design patterns
- 11:40Module scopes in JS
- 12:01Weak Maps for memory-safe data
- 18:07Proxies for JS behavior
- 26:10Tagged template literals
- 30:45Patterns into reactive framework
- 36:49Q&A
related talks
49mDesign Patterns for Modern Javascript
45mAdvanced JavaScript patterns
52mJavaScript Design Patterns
45mAdvanced Javascript Patterns
22mThe vanilla way
44mModern JavaScript: Moving Beyond jQuery
40mScalable JavaScript architecture
56m10 Insane Tips You Can Use Today to JavaScript Effectively; #8 Will Shock You!