يوفر أنماط React للخطافات والتأثيرات والمراجع وتصميم المكونات. يغطي فتحات الهروب والأنماط المضادة واستخدام التأثير الصحيح. يجب استخدامه عند قراءة أو كتابة مكونات React (ملفات .tsx و.jsx مع عمليات استيراد React).
ثبّت مهارة الذكاء الاصطناعي react-best-practices بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: 0xbigboss/claude-code.
When working with React, always load both this skill and typescript-best-practices together. TypeScript patterns (type-first development, discriminated unions, Zod validation) apply to React code.
Effects let you "step outside" React to synchronize with external systems. Most component logic should NOT use Effects. Before writing an Effect, ask: "Is there a way to do this without an Effect?"
React remounts components in development to verify cleanup works. If you see effects firing twice, don't try to prevent it with refs:
يوفر أنماط React للخطافات والتأثيرات والمراجع وتصميم المكونات. يغطي فتحات الهروب والأنماط المضادة واستخدام التأثير الصحيح. يجب استخدامه عند قراءة أو كتابة مكونات React (ملفات .tsx و.jsx مع عمليات استيراد React). المصدر: 0xbigboss/claude-code.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/0xbigboss/claude-code --skill react-best-practicesيوفر أنماط React للخطافات والتأثيرات والمراجع وتصميم المكونات. يغطي فتحات الهروب والأنماط المضادة واستخدام التأثير الصحيح. يجب استخدامه عند قراءة أو كتابة مكونات React (ملفات .tsx و.jsx مع عمليات استيراد React). المصدر: 0xbigboss/claude-code.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/0xbigboss/claude-code --skill react-best-practices بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/0xbigboss/claude-code