Otimize o desempenho de aplicativos React Native
Aplicativos React Native podem apresentar inicialização lenta, perda de quadros, renderizações excessivas, aumento do uso de memória e pacotes grandes demais. Esta skill orienta a medição, o diagnóstico, a otimização direcionada e a validação em JavaScript, iOS, Android, Hermes e Expo.
Copie esta solicitação para o seu Agente. Ela inclui a página canônica do Skill e o manifesto.
Review the Skillstore skill "react-native-best-practices" from https://skillstore.io/skills/callstackincubator-react-native-best-practices.md and its manifest at https://skillstore.io/api/skills/callstackincubator-react-native-best-practices/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Seu Agente ainda deve apresentar o plano e solicitar qualquer confirmação exigida pela política de segurança.
Use estes links quando um agente de IA, crawler ou script precisar de contexto limpo em vez de ler a página completa.
Usando "react-native-best-practices". Uma lista de produtos cai para 42 FPS durante a rolagem.
Resultado esperado:
Usando "react-native-best-practices". A inicialização a frio leva 3,4 segundos no Android com Hermes.
Resultado esperado:
Usando "react-native-best-practices". O aplicativo de lançamento aumentou após a adição de várias bibliotecas.
Resultado esperado:
Todos os 191 alertas estáticos são falsos positivos causados por Markdown, exemplos de caminhos fixos, comandos comuns de ferramentas React Native, links públicos e terminologia de desempenho. Não foram encontrados indícios de injeção de prompt, roubo de credenciais, reconhecimento encoberto, execução de código malicioso ou exfiltração de dados.
Compartilhe o relatório de avaliação versionado, o badge neutro, o cartão incorporável e as citações. A Skillstore apresenta evidências sem decidir se este Skill é seguro.
https://skillstore.io/skills/callstackincubator-react-native-best-practices/audits/6?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/callstackincubator-react-native-best-practices?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/callstackincubator-react-native-best-practices?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/callstackincubator-react-native-best-practices/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/callstackincubator-react-native-best-practices.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>callstackincubator. (2026). react-native-best-practices security audit report (audit version 6) [Author version unspecified]. Skillstore. https://skillstore.io/skills/callstackincubator-react-native-best-practices/audits/6@techreport{callstackincubator-callstackincubator-react-native-best-practices-2026,
author = {callstackincubator},
title = {react-native-best-practices security audit report (audit version 6)},
institution = {Skillstore},
year = {2026},
number = {6},
url = {https://skillstore.io/skills/callstackincubator-react-native-best-practices/audits/6},
note = {Author version unspecified}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "react-native-best-practices security audit report (audit version 6)"
version: "unspecified"
type: report
authors:
- name: "callstackincubator"
date-released: "2026-07-12"
url: "https://skillstore.io/skills/callstackincubator-react-native-best-practices/audits/6"
identifiers:
- type: other
value: "skillstore:callstackincubator-react-native-best-practices:audit:6"
description: "Skillstore immutable audit report identifier"
Analise uma interação com lentidão, identifique gargalos de novas renderizações ou listas e valide uma alteração específica.
Meça a inicialização a frio e o tamanho do pacote e, em seguida, priorize otimizações do Hermes, do empacotamento, dos recursos e do código nativo.
Compare evidências entre versões e produza um plano de correção priorizado com critérios de validação.
Revise esta tela React Native em busca de riscos evidentes de desempenho. Use o código e as versões do projeto fornecidos. Priorize três alterações e explique como medir cada uma.
Diagnostique a perda de quadros durante [interaction]. Use estes resultados de análise de perfil: [metrics]. Identifique as causas prováveis, solicite as evidências ausentes e proponha uma sequência de medir-alterar-medir novamente.
Crie um plano de otimização da inicialização e dos pacotes para este aplicativo React Native [version] usando [Hermes or JSC]. Compare as métricas de referência e classifique as alterações por impacto e risco.
Investigue esta regressão no JavaScript, nas threads nativas, na memória e na entrega de pacotes. Correlacione [trace], [render profile] e [build data]. Recomende correções mínimas com critérios de validação e reversão.
Autor
callstackincubatorLicença
MIT
Revisão da Skillstore
r1
Aviso de versão
O autor não declarou uma versão.
Repositório
https://github.com/callstackincubator/agent-skills/tree/main/skills/react-native-best-practices/Referência
d71c7417a35d5c2624161bd2fe8de8a41a362128
Atualidade da manutenção
22/07/2026
Uso
4 downloads · 209 visualizações
Estrutura de arquivos
📁 agents/
📄 POWER.md
📁 images/
📄 bundle-treemap-source-map-explorer.png
📄 controlled-textinput-pingpong.png
📄 flashlight-flatlist-vs-flashlist.png
📄 view-hierarchy-flattening.png
📄 xcode-instruments-templates.png
📄 js-lists-flatlist-flashlist.md
📄 js-uncontrolled-components.md
📄 native-android-16kb-alignment.md
📄 native-sdks-over-polyfills.md
📄 SKILL.md
Otimizar Apps React Native
por vercel-labs
Apps React Native podem sofrer com listas lentas, animações instáveis e erros de plataforma. Esta skill fornece ao Codex, Claude e Claude Code regras concisas para trabalho performático com Expo e React Native.
Configurar Tailwind CSS para Expo
por expo
As equipas Expo precisam de estilização consistente em destinos nativos e web. Esta skill oferece um caminho de configuração focado para Tailwind CSS v4, NativeWind v5 e react-native-css.
Criar Clientes de Desenvolvimento Expo para Testes Nativos
por expo
Equipes Expo precisam de clientes de desenvolvimento confiáveis quando o código nativo vai além do Expo Go. Esta habilidade orienta a configuração de builds EAS, entrega via TestFlight, builds locais, instalação e solução básica de problemas.
Criar componentes DOM do Expo
por expo
Equipes que usam Expo frequentemente precisam de bibliotecas web dentro de apps nativos sem reescrevê-las. Esta skill orienta Claude, Codex e Claude Code por padrões seguros de componentes DOM.
Criar fluxos de rede no Expo
por expo
Aplicativos móveis precisam de solicitações de API confiáveis, cache, gerenciamento de tokens e comportamento offline. Esta skill orienta desenvolvedores Expo no uso de fetch, React Query, SecureStore, NetInfo e configuração baseada em ambiente.
Revise Código quanto à Segurança e Qualidade
por AutumnsGrove
Revisões manuais de código podem deixar passar problemas de segurança, desempenho e testes. Esta skill oferece ao Claude, Codex e Claude Code um fluxo de trabalho estruturado de revisão com checklists e orientações para varreduras auxiliares.