React Rendering

Creator

Creator

Seonglae Cho

Created

Created

2021 Apr 21 9:49

Editor

Editor

Seonglae Cho

Edited

Edited

2025 Nov 3 19:9

Refs

Refs

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

React Reconciliation

React Loadable Component

React Immutable

React Concurrent Mode

React Conditional Rendering

Reconciliation

Preserving and Resetting State – React

The library for web and native user interfaces

https://react.dev/learn/preserving-and-resetting-state

Preserving and Resetting State – React

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.

React re-renders guide: everything, all at once

https://www.developerway.com/posts/react-re-renders-guide

React re-renders guide: everything, all at once

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.

Why React Re-Renders

https://www.joshwcomeau.com/react/why-react-re-renders/

Why React Re-Renders

Recommendations

///////////