·react-patterns
</>

react-patterns

أنماط React الحديثة لتطبيقات TypeScript بما في ذلك الخطافات وإدارة الحالة وتركيب المكونات. يُستخدم عند إنشاء مكونات React أو إدارة الحالة أو تنفيذ أفضل ممارسات React.

4التثبيتات·0الرائج·@benshapyro

التثبيت

$npx skills add https://github.com/benshapyro/cadre-devkit-claude --skill react-patterns

كيفية تثبيت react-patterns

ثبّت مهارة الذكاء الاصطناعي react-patterns بسرعة في بيئة التطوير لديك عبر سطر الأوامر

  1. افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
  2. نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/benshapyro/cadre-devkit-claude --skill react-patterns
  3. تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

المصدر: 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
الفئة
</>أدوات التطوير
موثق
أول ظهور
2026-02-01
آخر تحديث
2026-03-10

Browse more skills from benshapyro/cadre-devkit-claude

إجابات سريعة

ما هي react-patterns؟

أنماط React الحديثة لتطبيقات TypeScript بما في ذلك الخطافات وإدارة الحالة وتركيب المكونات. يُستخدم عند إنشاء مكونات React أو إدارة الحالة أو تنفيذ أفضل ممارسات React. المصدر: benshapyro/cadre-devkit-claude.

كيف أثبّت react-patterns؟

افتح الطرفية أو أداة سطر الأوامر لديك مثل 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

التفاصيل

الفئة
</>أدوات التطوير
المصدر
skills.sh
أول ظهور
2026-02-01