react-native-architecture
Entwerfen Sie React Native-Architektur schnell
Komplexe React Native-Apps können schwer zu skalieren und zu warten sein. Diese Fähigkeit bietet bewährte Expo-Architekturmuster und Codebeispiele für den Aufbau von Produktions-Apps mit Navigation, Offline-Synchronisierung und nativen Modulen.
Die Skill-ZIP herunterladen
In Claude hochladen
Gehe zu Einstellungen → Fähigkeiten → Skills → Skill hochladen
Einschalten und loslegen
Teste es
Verwendung von "react-native-architecture". Skizzieren Sie eine Expo Router-Struktur mit Auth und Tabs
Erwartetes Ergebnis:
- Gruppiere Routen in (auth) und (tabs) Ordner
- Verwende ein Root-Layout für gemeinsame Anbieter
- Leite nicht authentifizierte Benutzer zum Login weiter
- Definiere Tab-Screens mit konsistenten Icons
Verwendung von "react-native-architecture". Zeige, wie man Daten offline persistiert
Erwartetes Ergebnis:
- Verwende React Query mit AsyncStorage-Persister
- Konfiguriere staleTime und gcTime für Caching
- Implementiere optimistic Updates für bessere UX
- Synchronisiere Daten, wenn die Verbindung wiederhergestellt ist
Verwendung von "react-native-architecture". Welche nativen Module sollte ich verwenden
Erwartetes Ergebnis:
- expo-secure-store für sichere Token-Speicherung
- expo-haptics für taktiles Feedback
- expo-local-authentication für Biometrie
- expo-notifications für Push-Benachrichtigungen
Sicherheitsaudit
SicherThis 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.
Risikofaktoren
🌐 Netzwerkzugriff (6)
⚙️ Externe Befehle (22)
Qualitätsbewertung
Was du bauen kannst
App-Struktur planen
Definieren Sie das Ordnerlayout, Routing-Gruppen und Anbieter für eine neue React Native-App.
Offline-Synchronisierung hinzufügen
Wählen Sie React Query-Persistenz und optimistic Update-Muster für die Offline-Nutzung.
Performance verbessern
Wählen Sie Listen-Rendering- und Memoierungsstrategien für große Datensätze.
Probiere diese Prompts
Schlagen Sie eine React Native-Projektstruktur und Expo Router-Layout für Tabs plus Authentifizierung vor.
Bieten Sie ein AuthProvider-Muster mit Routenschutz und sicherer Token-Speicherung.
Erklären Sie Offline-Caching, optimistic Updates und Invalidierung mit React Query.
Listen Sie Best Practices für Haptik, Biometrie und Push-Benachrichtigungen in Expo auf.
Bewährte Verfahren
- Verwende Expo Router-Gruppen, um Navigationsflüsse zu organisieren
- Persistiere Abfragen für Offline-Zugriff und schnellen Start
- Teste auf echten Geräten für Plattformverhalten
Vermeiden
- Geheimnisse direkt im Quellcode speichern
- Daten innerhalb von Render-Funktionen abrufen
- iOS- und Android-UI-Unterschiede ignorieren