React Native

Le skill d’accessibilité vous aide à concevoir, implémenter et auditer des interfaces accessibles avec les recommandations WCAG 2.2 niveau AA pour le Web, iOS et Android. Utilisez-le pour cartographier les rôles des composants, les libellés, les états, le comportement du focus et les attributs d’accessibilité, avec des conseils pratiques d’usage pour les travaux d’audit UX et les revues d’implémentation.

react-native-design est une skill ciblée pour les patterns d’interface React Native, avec une couverture de la mise en forme via StyleSheet, de React Navigation typé et de l’usage de Reanimated 3 pour des écrans cross-platform.

react-native-architecture aide à concevoir des applications React Native et Expo prêtes pour la production, avec routage, séparation de l’état, modules natifs, flux offline-first et arbitrages entre Expo et bare.

vercel-react-native-skills est une skill React Native et Expo pensée pour le développement frontend orienté performance. Utilisez-la pour améliorer le rendu des listes, les animations, la navigation, les patterns d’interface, la gestion d’état et la mise en place de modules natifs. Elle propose des règles concrètes, des conseils d’installation et des schémas d’utilisation pour traiter les goulots d’étranglement des applications mobiles avec moins d’hésitation.

Skill Expo UI SwiftUI pour installer @expo/ui, reconstruire avec npx expo run:ios et utiliser correctement Host, RNHostView et la documentation SDK 55 dans des apps Expo.

La skill upgrading-expo vous aide à mettre à niveau les versions d’Expo SDK, à exécuter les bonnes commandes d’installation et de diagnostic, à vider les caches et à gérer les changements incompatibles comme React 19, New Architecture, Native Tabs et les migrations `expo-av`.

La skill use-dom explique comment utiliser les composants Expo DOM pour exécuter du code React web dans une webview sur mobile natif, et normalement sur le web. Elle aide à réutiliser des composants dépendants du navigateur et à migrer progressivement du code web.

building-native-ui est une skill UI pour Expo Router conçue pour créer des apps React Native au rendu natif. Découvrez le contexte d’installation, la structure des routes, les tabs, les en-têtes, les animations, les médias et les limites par plateforme avant de l’utiliser.

expo-api-routes vous aide à créer des routes API Expo Router pour EAS Hosting, avec des indications claires sur les cas d’usage des endpoints côté serveur, l’emplacement des fichiers `app/**/+api.ts` et la façon de structurer des gestionnaires de route sécurisés.

expo-cicd-workflows aide à créer, modifier et valider du YAML de workflow Expo EAS. Installez le skill, récupérez le schéma et la documentation à jour, puis générez ou corrigez des fichiers `.eas/workflows` avec des indications appuyées par un validateur pour les builds, les soumissions, les updates et les pipelines de déploiement.

expo-deployment aide à publier des apps Expo avec EAS sur l’App Store iOS, Google Play, l’hébergement web, TestFlight, ainsi que pour les métadonnées et les workflows CI/CD.

expo-dev-client vous aide à déterminer si une app Expo a besoin d’un client de développement, puis à configurer EAS et à lancer une build en local ou via TestFlight pour tester les fonctionnalités natives.

expo-tailwind-setup est un guide pratique pour installer et configurer Tailwind CSS v4 dans Expo avec react-native-css et NativeWind v5 sur iOS, Android et le web.

Expo UI Jetpack Compose vous aide à installer et utiliser `@expo/ui/jetpack-compose` pour l’interface Android dans des apps Expo, avec des recommandations pour SDK 55, les bons imports, les étapes de rebuild natif et la vérification de l’API via les fichiers `.d.ts`.

react-native-best-practices est un guide pratique d’optimisation des performances React Native pour les démarrages lents, les images perdues, les rendus lourds, les fuites mémoire, l’encombrement du bundle et les à-coups d’animation. Utilisez-le quand vous avez besoin de correctifs étayés par des preuves pour Hermes, la surcharge du bridge, FlashList, les modules natifs ou l’analyse d’une régression après publication.

ui-mobile est un guide pratique pour le design d’interface mobile dans React Native et des bases de code iOS/Android proches. Il met l’accent sur les zones tactiles accessibles, les contrastes et les règles d’interaction afin de vous aider à concevoir des écrans plus sûrs, à revoir des composants et à améliorer l’ergonomie mobile avec moins d’hésitation.

Patterns mobiles React Native et code spécifique aux plateformes pour le développement frontend. Cette skill react-native vous aide à structurer les écrans, les composants et les hooks avec une prise en compte maintenable d’iOS et d’Android.

upgrading-react-native aide à planifier et à exécuter des mises à niveau de version React Native avec rn-diff-purge ou les diffs de Upgrade Helper, l’alignement des dépendances, les mises à jour de configuration iOS et Android, ainsi que la vérification des builds. Il est utile aux équipes de Frontend Development qui mettent à niveau de vraies applications, y compris des monorepos et des projets adossés à Expo.