react-native-architecture
صمم بنية React Native بسرعة
يمكن أن تصبح تطبيقات React Native المعقدة صعبة التوسع والصيانة. توفر هذه المهارة أنماط بنية Expo المثبتة وأمثلة كود لبناء تطبيقات الإنتاج مع التنقل والمزامنة غير المتصلة والوحدات الأصلية.
تنزيل ZIP المهارة
رفع في Claude
اذهب إلى Settings → Capabilities → Skills → Upload skill
فعّل وابدأ الاستخدام
اختبرها
استخدام "react-native-architecture". Outline an Expo Router structure with auth and tabs
النتيجة المتوقعة:
- Group routes into (auth) and (tabs) folders
- Use a root layout to set shared providers
- Redirect unauthenticated users to login
- Define tab screens with consistent icons
استخدام "react-native-architecture". Show how to persist data offline
النتيجة المتوقعة:
- Use React Query with AsyncStorage persister
- Configure staleTime and gcTime for caching
- Implement optimistic updates for better UX
- Sync data when connection is restored
استخدام "react-native-architecture". What native modules should I use
النتيجة المتوقعة:
- expo-secure-store for secure token storage
- expo-haptics for tactile feedback
- expo-local-authentication for biometrics
- expo-notifications for push alerts
التدقيق الأمني
آمنThis is a documentation-only skill containing architectural patterns and example code. Static analyzer flagged documentation keywords as security issues, but all findings are false positives. No executable code, file access, or network requests exist. The skill contains only markdown documentation with TypeScript/JavaScript examples for React Native development.
عوامل الخطر
🌐 الوصول إلى الشبكة (6)
⚙️ الأوامر الخارجية (22)
درجة الجودة
ماذا يمكنك بناءه
تخطيط بنية التطبيق
حدد تخطيط المجلدات ومجموعات المسارات ومقدمي الخدمات لتطبيق React Native جديد.
إضافة المزامنة غير المتصلة
اختر أنماط استمرار React Query والتحديث المتفائل للاستخدام غير المتصل.
تحسين الأداء
حدد استراتيجيات عرض القوائم والتخزين المؤقت لمجموعات البيانات الكبيرة.
جرّب هذه الموجهات
اقترح بنية مشروع React Native وتخطيط Expo Router لعلامات تبويب بالإضافة إلى المصادقة.
وفر نمط AuthProvider مع حماية المسارات والتخزين الآمن للرموز.
اشرح التخزين المؤقت غير المتصل والتحديثات المتفائلة وإلغاء الصلاحية مع React Query.
ضع أفضل الممارسات للملاحظات اللمسية والمقاييس الحيوية وإشعارات الدفع في Expo.
أفضل الممارسات
- استخدم مجموعات Expo Router لتنظيم تدفقات التنقل
- استمر في الاستعلامات للوصول غير المتصل والتشغيل السريع
- اختبر على أجهزة حقيقية لسلوك المنصة
تجنب
- تخزين الأسرار مباشرة في كود المصدر
- جلب البيانات داخل دوال العرض
- تجاهل اختلافات واجهة المستخدم بين iOS و Android