رد فعل useEffect أفضل الممارسات من المستندات الرسمية. يُستخدم عند كتابة/مراجعة useEffect، أو useState للقيم المشتقة، أو جلب البيانات، أو مزامنة الحالة. يعلمك متى لا تستخدم التأثير والبدائل الأفضل.
ثبّت مهارة الذكاء الاصطناعي react-useeffect بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: fluid-tools/claude-skills.
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 أفضل الممارسات من المستندات الرسمية. يُستخدم عند كتابة/مراجعة useEffect، أو useState للقيم المشتقة، أو جلب البيانات، أو مزامنة الحالة. يعلمك متى لا تستخدم التأثير والبدائل الأفضل. المصدر: fluid-tools/claude-skills.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/fluid-tools/claude-skills --skill react-useeffectرد فعل useEffect أفضل الممارسات من المستندات الرسمية. يُستخدم عند كتابة/مراجعة useEffect، أو useState للقيم المشتقة، أو جلب البيانات، أو مزامنة الحالة. يعلمك متى لا تستخدم التأثير والبدائل الأفضل. المصدر: fluid-tools/claude-skills.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/fluid-tools/claude-skills --skill react-useeffect بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/fluid-tools/claude-skills