Working with the DOM in JS Frameworks
summary
Examines how JavaScript frameworks manage the DOM by comparing and updating elements instead of manual element-by-element changes. Covers the cost and complexity of these algorithms — how frameworks perform reconciliation and DOM updates — and discusses performance issues such as rendering lists that cause slowdown during scrolling.
AI-written summary · about
chapters (12)
- 0:00DOM in JS frameworks
- 6:01Performance with lists
- 12:06BFS vs DFS for DOM
- 23:09Optimizing with keys
- 33:10Component invalidation
- 41:41Svelte invalidation
- 46:57Framework performance
- 51:12Manual DOM optimization
- 57:15Styles impact on DOM
- 1:00:50Choosing a framework
- 1:07:35Animations in frameworks
- 1:09:01Q&A
related talks
29mDeveloper and the DOM - A history of manipulation and abstraction
34mJavaScript Concurrency and the DOM
24mBenefits of Virtual DOM
41mDiving into Modern Frontend Frameworks to Understand Their r
33mWhat the v…DOM?
45mChange detection in JS frameworks
46mHow does a Virtual DOM work?
28mA View into Frameworks