From Browser Rendering to React Fiber: The Full React Performance Journey
Автор: Ashwini Kemshetty
Загружено: 2026-01-17
Просмотров: 22
Описание:
In this talk, I break down how React became fast and responsive by evolving from direct DOM updates → Virtual DOM → stack-based reconciliation → Fiber architecture → concurrent rendering, and how these internals unlock modern React features.
We start with the Browser Critical Rendering Path (DOM, CSSOM, Render Tree, Layout/Reflow, Paint, Composite) to understand why UI updates are expensive. Then we move into React’s architecture: Virtual DOM diffing, O(n) reconciliation heuristics + keys, and why the execution model (blocking, synchronous stack reconciliation) was the real limitation—not the algorithm.
The core of the session is a deep dive into React Fiber:
What a Fiber node is (unit of work)
Fiber’s “superpowers”: Pause, Abort, Schedule, Resume, Reuse
Two-phase reconciliation:
Render Phase (interruptible) vs Commit Phase (synchronous/atomic)
#reactjs #javascript #reactcomponents #browser
Повторяем попытку...
Доступные форматы для скачивания:
Скачать видео
-
Информация по загрузке:
![[LIVE] Bez litości. Jan Piński na żywo. Bezkarny Kaczyński, Nawrocki i](https://image.4k-video.ru/id-video/XP-B-eoRKCo)
