react-useeffect

Effects are an escape hatch from React. They let you synchronize with external systems. If there is no external system involved, you shouldn't need an Effect.

| Derived state from props/state | useState + useEffect | Calculate during render | | Expensive calculations | useEffect to cache | useMemo | | Reset state on prop change | useEffect with setState | key prop | | User event responses | useEffect watching state | Event handler directly |

| Notify parent of changes | useEffect calling onChange | Call in event handler | | Fetch data | useEffect without cleanup | useEffect with cleanup OR framework |

رد فعل useEffect أفضل الممارسات. يُستخدم عند كتابة التأثيرات أو القيم المشتقة أو جلب البيانات. يعلمك متى لا تستخدم التأثيرات والبدائل الأفضل مثل useMemo أو الدعائم الرئيسية. المصدر: nweii/agent-stuff.