A Guide to React Rendering Behavior - Mark Erikson - React Rally 2023

  Рет қаралды 1,111

ReactRally

ReactRally

9 ай бұрын

Mark Erikson - React Rally 2023
React is a library for "rendering" UI from components, but many users find themselves confused about how React rendering actually works. What do terms like "rendering", "reconciliation", "Fibers", and "committing" actually mean? When do renders happen? How does Context affect rendering, and how do libraries like Redux cause updates?
In this talk, we'll clear up the confusion and provide a solid foundation for understanding when, why, and how React renders.

Пікірлер: 3
@sara-subramanian
@sara-subramanian Ай бұрын
Gem of a presentation! Everything my team and I have learnt sometimes painfully in Production is all here. Even if React 19 tries to address many of the pain points here, this presentation will be relevant for a long time in my opinion. Thank you!
@jrmc732
@jrmc732 8 ай бұрын
I'm a React dev since 2018 and created a bunch of hobby frontend libs myself and I also looked at all the other options and how they do the rendering, my conclusion is it is not about VDOM or no VDOM or Signals or no Signals, it all comes down to what is running on update, and this is where React made a mistake, React is re-running the whole component with all it's logic instead of just the template/jsx. The next step for react should be a renderer that keeps component state and just re-runs the template, this would make hooks like useCallback obsolete.
@tochithebedford7672
@tochithebedford7672 9 ай бұрын
no way they nuked context selectors 😢
Stupid Barry Find Mellstroy in Escape From Prison Challenge
00:29
Garri Creative
Рет қаралды 21 МЛН
small vs big hoop #tiktok
00:12
Анастасия Тарасова
Рет қаралды 19 МЛН
Vivaan  Tanya once again pranked Papa 🤣😇🤣
00:10
seema lamba
Рет қаралды 20 МЛН
The Web's Next Transition  - Kent C. Dodds - React Rally 2023
28:08
The important things to know about React state and renders
18:33
Web Dev Cody
Рет қаралды 26 М.
Authoring Components with CVA + tailwindcss - Basic Buttons (1 / 4)
17:04
React Tips with Brooks Lybrand
Рет қаралды 2,3 М.
useWat - David Khourshid - React Rally 2023
32:41
ReactRally
Рет қаралды 2,2 М.
Understanding React's UI Rendering Process
29:07
CrossComm, Inc.
Рет қаралды 207 М.
Samsung S24 Ultra professional shooting kit #shorts
0:12
Photographer Army
Рет қаралды 31 МЛН