When state or props are updated, React returns a new element tree. React optimization involves achieving the target result with minimal rendering.
React Rendering Usages
Reconciliation
Preserving and Resetting State – React
The library for web and native user interfaces
https://react.dev/learn/preserving-and-resetting-state

React re-renders guide: everything, all at once
React re-renders "cheatsheet". Short descriptions with visual aid and code examples of: what are re-renders, what triggers them, most important re-renders related patterns and antipatterns to remember.
https://www.developerway.com/posts/react-re-renders-guide

Why React Re-Renders
In React, we don't update the DOM directly, we tell React what we want the DOM to look like, and React tackles the rest. But how exactly does it do this? In this tutorial, we'll unpack exactly when and why React re-renders, and how we can use this information to optimize the performance of our React apps.
https://www.joshwcomeau.com/react/why-react-re-renders/


Seonglae Cho