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.

يكتب مكونات React بدون تأثير استخدام غير ضروري. يُستخدم عند إنشاء/مراجعة مكونات React، أو تأثيرات إعادة البناء، أو عندما يستخدم الكود useEffect لتحويل البيانات أو التعامل مع الأحداث. المصدر: dust-tt/dust.