[HN Gopher] A Visual Guide to React Rendering
___________________________________________________________________
A Visual Guide to React Rendering
Author : bpierre
Score : 18 points
Date : 2021-08-19 21:38 UTC (1 hours ago)
(HTM) web link (alexsidorenko.com)
(TXT) w3m dump (alexsidorenko.com)
| acemarke wrote:
| The author of this series has done an excellent job breaking down
| some of key aspects of React's rendering into good explanations
| with some nifty illustrations.
|
| As linked in this article, folks might also be interested in my
| very extensive post "A (Mostly) Complete Guide to React Rendering
| Behavior" [0], which goes into a lot more detail on the nuances
| of this.
|
| I also generally recommend reading some of Dan Abramov's posts
| that explain how and why React works, including the "Complete
| Guide to `useEffect`" [1], "React as a UI Runtime" [2], and
| "Before You memo()" [3]. Finally, it's worth noting that some of
| React's batching behavior will change in React 18 to always batch
| renders even across event loop ticks - see the React 18 Working
| Group post on "Automatic Batching for Fewer Renders" [4] for
| details.
|
| FWIW, some of this material is being incorporated into the
| upcoming React docs rewrite [5], which I'm really excited to see
| go live.
|
| [0] https://blog.isquaredsoftware.com/2020/05/blogged-
| answers-a-...
|
| [1] https://overreacted.io/a-complete-guide-to-useeffect/
|
| [2] https://overreacted.io/react-as-a-ui-runtime/
|
| [3] https://overreacted.io/before-you-memo/
|
| [4] https://github.com/reactwg/react-18/discussions/21
|
| [5] https://github.com/reactjs/reactjs.org/issues/3308
| Aeolun wrote:
| This is great, but he could have gotten all of this memoization
| for free if he hadn't switched from class based to function based
| components.
___________________________________________________________________
(page generated 2021-08-19 23:00 UTC)