React Fiber vs. Angular Ivy
summary
Compares React Fiber and Angular Ivy by showing concrete outputs and behavior: JSX compiles to React.createElement objects while Ivy emits a JavaScript template that constructs DOM nodes; React centralizes events with document-level event delegation and a single dispatchInteractiveEvent that batches handlers, Ivy attaches per-element listeners directly in the compiled template; Fiber represents components as a linked-list tree of fibers and supports yielding render phase with deadlines, while Ivy performs change detection and DOM updates inline in the template.
AI-written summary · about
chapters (19)
- 0:00Intro
- 0:33The best framework
- 0:55React Native
- 1:21Angular
- 2:18React JavaScript
- 3:51React JSX
- 5:50No HTML
- 6:18Angular vs HTML
- 8:59React vs Angular
- 9:48React Event Delegation
- 11:56Dispatch Interactive Event
- 14:18Event Delegation
- 18:14Fiber Node
- 18:57Linked List Tree
- 19:48Render Phase
- 22:37Commit Phase
- 25:04React Source Code
- 26:22Chain Detection
- 27:59Change Detection
related talks
59mIvy vs Fiber. Round one, fight!
30mIvy Renderer for Dummies
40mIvy Renderer for Dummies
22mAngular’s new renderer Ivy: a deep dive into the heart of Angular
34mAngular Ivy by example
19mWhat the hell is fiber and why should I care
19mHow Ivy Will Improve Your Application Architecture
31mThe Rise of a new Engine: Angular Ivy