ما هي react-patterns؟
أنماط React الحديثة لتطبيقات TypeScript بما في ذلك الخطافات وإدارة الحالة وتركيب المكونات. يُستخدم عند إنشاء مكونات React أو إدارة الحالة أو تنفيذ أفضل ممارسات React. المصدر: benshapyro/cadre-devkit-claude.
أنماط React الحديثة لتطبيقات TypeScript بما في ذلك الخطافات وإدارة الحالة وتركيب المكونات. يُستخدم عند إنشاء مكونات React أو إدارة الحالة أو تنفيذ أفضل ممارسات React.
ثبّت مهارة الذكاء الاصطناعي react-patterns بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: benshapyro/cadre-devkit-claude.
| Simple component state | useState | | Complex state with many actions | useReducer | | State shared across components | Context + useReducer | | Server data (fetch, cache, sync) | React Query / SWR | | Global app state (auth, theme) | Context or Zustand |
أنماط React الحديثة لتطبيقات TypeScript بما في ذلك الخطافات وإدارة الحالة وتركيب المكونات. يُستخدم عند إنشاء مكونات React أو إدارة الحالة أو تنفيذ أفضل ممارسات React. المصدر: benshapyro/cadre-devkit-claude.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/benshapyro/cadre-devkit-claude --skill react-patterns بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/benshapyro/cadre-devkit-claude --skill react-patternsأنماط React الحديثة لتطبيقات TypeScript بما في ذلك الخطافات وإدارة الحالة وتركيب المكونات. يُستخدم عند إنشاء مكونات React أو إدارة الحالة أو تنفيذ أفضل ممارسات React. المصدر: benshapyro/cadre-devkit-claude.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/benshapyro/cadre-devkit-claude --skill react-patterns بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/benshapyro/cadre-devkit-claude