writing-react-effects

Guides writing React components that avoid unnecessary useEffect calls.

Effects are an escape hatch for synchronizing with external systems (network, DOM, third-party widgets). If there's no external system, you don't need an Effect.

If a value can be computed from current props/state, do not store it in state or update it in an effect. Derive it during render to avoid extra renders and state drift. Do not set state in effects solely in response to prop changes; prefer derived values or keyed resets instead.

불필요한 useEffect 없이 React 구성요소를 작성합니다. React 구성 요소를 생성/검토하거나 효과를 리팩토링할 때 또는 코드에서 useEffect를 사용하여 데이터를 변환하거나 이벤트를 처리할 때 사용합니다. 출처: dust-tt/dust.