ما هي react-patterns؟
أنماط ومبادئ التفاعل الحديثة. الخطافات، والتركيب، والأداء، وأفضل ممارسات TypeScript. المصدر: hongquandev/team-os.
أنماط ومبادئ التفاعل الحديثة. الخطافات، والتركيب، والأداء، وأفضل ممارسات TypeScript.
ثبّت مهارة الذكاء الاصطناعي react-patterns بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: hongquandev/team-os.
| Server | Data fetching, static | None | | Client | Interactivity | useState, effects | | Presentational | UI display | Props only | | Container | Logic/state | Heavy state |
| useLocalStorage | Same storage logic needed | | useDebounce | Multiple debounced values | | useFetch | Repeated fetch patterns | | useForm | Complex form state |
| Simple | useState, useReducer | | Shared local | Context | | Server state | React Query, SWR | | Complex global | Zustand, Redux Toolkit |
أنماط ومبادئ التفاعل الحديثة. الخطافات، والتركيب، والأداء، وأفضل ممارسات TypeScript. المصدر: hongquandev/team-os.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/hongquandev/team-os --skill react-patternsأنماط ومبادئ التفاعل الحديثة. الخطافات، والتركيب، والأداء، وأفضل ممارسات TypeScript. المصدر: hongquandev/team-os.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/hongquandev/team-os --skill react-patterns بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/hongquandev/team-os