react-useeffect

Avoid using useEffect for deriving state, memoization, or event handling. Instead, use recommended alternatives like useMemo, key props, or direct event handlers to prevent unnecessary renders and tricky cleanup.

Handle subscription cleanup in useEffect by applying clear decision criteria and practical examples for external synchronization. Alternatively, use useSyncExternalStore to manage subscriptions and avoid tricky cleanup anti-patterns.

The best way to fetch data without overusing useEffect is to recognize it as an anti-pattern when used for state derivation. Apply recommended alternatives and clear decision criteria to manage data fetching and avoid unnecessary renders.

Yes, you can use useSyncExternalStore instead of useEffect for external synchronization. It provides clear decision criteria and examples to manage subscriptions, avoiding anti-patterns and tricky cleanup associated with useEffect.

No, you do not need useEffect to compute derived state. Using it for derived state is an anti-pattern. Apply recommended alternatives like useMemo to calculate values during rendering and avoid unnecessary renders.