React Native Patterns

Sélectionné par Skill Harbor : des modèles pratiques pour construire des apps React Native de production avec Expo, pour que Muse écrive du code mobile qui respecte la plateforme au lieu de porter des habitudes web. Suppose le workflow Expo managé (Expo Router, EAS, modules expo) sur la New Architecture. Couvre le routage par fichiers sous app/ avec des fichiers de route fins qui valident les paramètres de deep links avec Zod avant usage, la séparation des états par préoccupation (état serveur dans TanStack Query ou SWR, état UI client dans Zustand ou Jotai, état de route dans les params du routeur, état de formulaire dans une librairie de formulaires, secrets dans expo-secure-store, jamais AsyncStorage pour les tokens), la récupération de données avec une librairie de cache serveur plus validation Zod à la frontière avec états de chargement, d'erreur et vide explicites, la virtualisation des listes (FlatList, FlashList pour les grandes listes, renderItem mémoïsé, keyExtractor stable, jamais de map d'un grand tableau dans un ScrollView), un seul système de styles cohérent (NativeWind ou StyleSheet.create, jamais d'objets de style inline sur les chemins chauds), et les API natives enveloppées dans des hooks use* avec nettoyage (localisation, caméra, notifications). Inclut un catalogue d'anti-modèles mobiles (dupliquer les données serveur dans un store client, faire confiance aux params de deep links, embarquer de vrais secrets dans le bundle) et de bonnes pratiques (routes fines, valider chaque entrée externe, reanimated pour l'animation sur le thread UI, safe areas et accessibilité dès le départ). Les noms de librairies sont illustratifs, les modèles comptent plus que le paquet. À utiliser pour construire ou modifier des écrans, composants, navigation ou couches de données Expo, ou relire du code RN pour des problèmes spécifiques au mobile. Par @affaan-m, listé ici avec crédit à son créateur. Tiré du dépôt affaan-m/ECC (MIT). Bémols honnêtes : suppose le workflow Expo managé et la New Architecture, pas React Native bare ; les librairies nommées sont des options courantes, tout équivalent convient ; le skill guide, les tests sur vrais appareils restent à vous. Skill Harbor ne vérifie jamais le code, examinez-le vous-même avant usage.