Front end development and change detection
summary
Builds a small rating star widget and shows it works by swapping CSS classes when a JavaScript setter updates the rating. Explains Angular compiles templates into Ivy instructions that store bindings, mark them dirty and update the DOM, and that Angular runs detection automatically by relying on Zone.js to patch async events. Contrasts React’s JSX -> createElement -> virtual DOM objects, re-render-on-setState diffing, and links to a GitHub repo with the implementations.
AI-written summary · about
chapters (9)
- 0:00Introduction and background
- 3:56What is change detection
- 7:07Building a simple change detector
- 11:40Why learn change detection internals
- 14:51Angular change detection explained
- 18:06React change detection explained
- 22:28When change detection runs
- 25:42Exploring further and resources
- 27:10Closing and Q&A
related talks
51mDeep dive into modern frameworks Reactivity🔬⚛️
49mA comparison of the Reactivity Concepts in Angular, React, Vue and Svelte
26mA look into the future: Angular Elements
41mDiving into Modern Frontend Frameworks to Understand Their r
19mReactivity in Frontend JavaScript Frameworks
45mChange detection in JS frameworks
27mAngular Renaissance
29mThe Angular Renaissance