[Continuous Updates] React Minimum Tips

Jul 24, 2023#React18

AI Translation

This post is translated from Chinese into English through AI.View Original

AI-generated summary

Focus separation - container components and presentational components in React. Components rendering twice is a normal expected behavior when using backticks to wrap components, as strict mode in development environment calls some functions twice to help identify and fix errors early. See more at freecodecamp.org.

Separation of Concerns - Container Components and Presentational Components#

Separation of Concerns in React - How to Use Container Components and Presentational Components (freecodecamp.org)

Component Renders Twice#

In general, it is the normal expected behavior when wrapping components with <React.StrictMode>, because strict mode will call some functions twice in the development environment (only for functions that should be pure functions), which helps us to discover and fix errors early.

See: – React