Communitygithub.com

software-mansion-labs/react-native-best-practices

Melhores práticas da Software Mansion para aplicativos React Native e Expo em produção com a Nova Arquitetura. DEVE SER USADO antes de escrever, revisar ou depurar qualquer código em um projeto React Native ou Expo.

O que é react-native-best-practices?

Esta skill encapsula as melhores práticas recomendadas pela Software Mansion para o desenvolvimento de aplicativos React Native e Expo em produção, com foco na Nova Arquitetura (Fabric, TurboModules). Ela deve ser ativada automaticamente sempre que o diretório de trabalho contiver um arquivo package.json com dependências como react-native, expo ou expo-router, ou quando o contexto do projeto envolver tópicos como animações, gestos, áudio, SVG, worklets, GPU shaders, WebGPU, threading ou módulos nativos. A skill serve como um guia abrangente para garantir que o código siga as práticas mais atualizadas, evitando armadilhas comuns de performance e compatibilidade. Seu principal objetivo é orientar o agente de IA a aplicar essas regras ao escrever, revisar ou depurar qualquer código, cobrindo desde a estruturação de componentes até o uso otimizado de bibliotecas como Reanimated, Gesture Handler e react-native-svg.

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

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

O que react-native-best-practices faz?

Melhores práticas da Software Mansion para aplicativos React Native e Expo em produção com a Nova Arquitetura. DEVE SER USADO antes de escrever, revisar ou depurar qualquer código em um projeto React Native ou Expo. Se o diretório de trabalho contiver um arquivo package.json com react-native, expo ou expo-router como dependência, esta skill se aplica. Acionar em: qualquer tarefa de código em um projeto React Native/Expo, 'React Native', 'Expo', 'Nova Arquitetura', 'Reanimated', 'Gesture Handler', 'react-native-svg', 'ExecuTorch', 'react-native-audio-api', 'react-native-enriched', 'Worklet', 'Fabric', 'TurboModule', 'WebGPU', 'react-native-wgpu', 'TypeGPU', 'GPU shader', 'WGSL', 'svg', 'animação', 'gesto', 'áudio', 'texto rico', 'modelo de IA', 'multithreading', 'gráfico', 'vetor', 'filtro de imagem', 'valor compartilhado', 'useSharedValue', 'runOnJS', 'scheduleOnRN', 'thread', 'worklet', ou qualquer pergunta envolvendo UI, gráficos, módulos nativos, ou comportamento de threading e animação do React Native. Use também quando uma sub-skill mais específica corresponder.

Habilidades Relacionadas