أفضل ممارسات التفاعل من React.dev وVercel. يُستخدم عندما: (1) مراجعة كود React، (2) تصحيح مشكلات الأداء، (3) تحسين حجم الحزمة، (4) تأثيرات الكتابة أو منطق الحالة. المشغلات: أداء React، إعادة العرض، حجم الحزمة، الشلالات، تقسيم التعليمات البرمجية، المذكرة، useCallback، useMemo، useEffect، وميض SSR، التحميل الأولي بطيء، React Compiler، بنية الحالة، التحديث غير القابل للتغيير، كائن صفيف setState.
ثبّت مهارة الذكاء الاصطناعي react-best-practices بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: ahonn/dotfiles.
Performance patterns and guidelines from react.dev and Vercel Engineering.
| Avoid unnecessary effects | Render cycles, bugs | effect-pitfalls.md | | Eliminate waterfalls | First paint, TTI | async-waterfall-elimination.md | | Parallel data fetching | Load time | async-parallel-requests.md | | Avoid barrel imports | Bundle size | bundle-barrel-imports.md |
| React Compiler (19+) | Auto memoization | react-compiler.md | | Dynamic imports | Code splitting | bundle-dynamic-import.md | | Preload on user intent | Perceived latency | bundle-preload.md | | Strategic memo() | Render perf | rerender-memo-strategy.md | | Server caching | Server response | server-cache-patterns.md |
أفضل ممارسات التفاعل من React.dev وVercel. يُستخدم عندما: (1) مراجعة كود React، (2) تصحيح مشكلات الأداء، (3) تحسين حجم الحزمة، (4) تأثيرات الكتابة أو منطق الحالة. المشغلات: أداء React، إعادة العرض، حجم الحزمة، الشلالات، تقسيم التعليمات البرمجية، المذكرة، useCallback، useMemo، useEffect، وميض SSR، التحميل الأولي بطيء، React Compiler، بنية الحالة، التحديث غير القابل للتغيير، كائن صفيف setState. المصدر: ahonn/dotfiles.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/ahonn/dotfiles --skill react-best-practicesأفضل ممارسات التفاعل من React.dev وVercel. يُستخدم عندما: (1) مراجعة كود React، (2) تصحيح مشكلات الأداء، (3) تحسين حجم الحزمة، (4) تأثيرات الكتابة أو منطق الحالة. المشغلات: أداء React، إعادة العرض، حجم الحزمة، الشلالات، تقسيم التعليمات البرمجية، المذكرة، useCallback، useMemo، useEffect، وميض SSR، التحميل الأولي بطيء، React Compiler، بنية الحالة، التحديث غير القابل للتغيير، كائن صفيف setState. المصدر: ahonn/dotfiles.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/ahonn/dotfiles --skill react-best-practices بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/ahonn/dotfiles