Communitygithub.com

software-mansion-labs/bonnes-pratiques-react-native

Bonnes pratiques de Software Mansion pour les applications React Native et Expo en production sur la Nouvelle Architecture. À UTILISER ABSOLUMENT avant d'écrire, de relire ou de déboguer du code dans un projet React Native ou Expo.

Qu'est-ce que bonnes-pratiques-react-native ?

Cette compétence regroupe les bonnes pratiques de Software Mansion pour le développement d'applications React Native et Expo en production, spécifiquement conçues pour la Nouvelle Architecture (Fabric, TurboModule, etc.). Elle doit être activée automatiquement dès que le répertoire de travail contient un fichier `package.json` avec une dépendance à `react-native`, `expo` ou `expo-router`. L'ensemble des directives couvre des domaines critiques comme les animations (Reanimated, Worklet, `useSharedValue`), la gestion des gestes (Gesture Handler), l'affichage vectoriel (react-native-svg, WebGPU avec WGSL, TypeGPU), le rendu audio (react-native-audio-api), le texte enrichi, les modèles d'IA sur l'appareil (ExecuTorch), la multithreading (`runOnJS`, `scheduleOnRN`), et les graphiques. En suivant cette compétence, le développeur évite les pièges de threading natifs, optimise les performances de l'interface utilisateur, et adhère aux standards recommandés par Software Mansion, l'un des leaders de l'écosystème React Native. Elle s'applique à toute tâche de code, revue ou débogage impliquant des interactions natives, des animations, ou des modules natifs.

Compatible avec~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/software-mansion-labs/skills/tree/main/skills/react-native-best-practices

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Que fait bonnes-pratiques-react-native ?

Bonnes pratiques de Software Mansion pour les applications React Native et Expo en production sur la Nouvelle Architecture. À UTILISER ABSOLUMENT avant d'écrire, de relire ou de déboguer du code dans un projet React Native ou Expo. Si le répertoire de travail contient un fichier package.json avec react-native, expo ou expo-router comme dépendance, cette compétence s'applique. Déclencheurs : toute tâche de code dans un projet React Native/Expo, 'React Native', 'Expo', 'Nouvelle Architecture', 'Reanimated', 'Gesture Handler', 'react-native-svg', 'ExecuTorch', 'react-native-audio-api', 'react-native-enriched', 'Worklet', 'Fabric', 'TurboModule', 'WebGPU', 'react-native-wgpu', 'TypeGPU', 'shader GPU', 'WGSL', 'svg', 'animation', 'geste', 'audio', 'texte enrichi', 'modèle d'IA', 'multithreading', 'graphique', 'vecteur', 'filtre d'image', 'valeur partagée', 'useSharedValue', 'runOnJS', 'scheduleOnRN', 'thread', 'worklet', ou toute question impliquant l'interface utilisateur, les graphismes, les modules natifs, ou le comportement de threading et d'animation React Native. À utiliser également lorsqu'une sous-compétence plus spécifique correspond.

Skills associés