react-native-architecture
Projetar arquitetura React Native rapidamente
Aplicativos React Native complexos podem se tornar difíceis de escalar e manter. Esta skill oferece padrões de arquitetura Expo comprovados e exemplos de código para construir aplicativos de produção com navegação, sincronização offline e módulos nativos.
Baixar o ZIP da skill
Upload no Claude
Vá em Configurações → Capacidades → Skills → Upload skill
Ative e comece a usar
Testar
A utilizar "react-native-architecture". Outline an Expo Router structure with auth and tabs
Resultado esperado:
- Agrupar rotas em pastas (auth) e (tabs)
- Usar um layout raiz para definir provedores compartilhados
- Redirecionar usuários não autenticados para login
- Definir telas de abas com ícones consistentes
A utilizar "react-native-architecture". Show how to persist data offline
Resultado esperado:
- Usar React Query com persister AsyncStorage
- Configurar staleTime e gcTime para cache
- Implementar atualizações otimistas para melhor UX
- Sincronizar dados quando a conexão for restaurada
A utilizar "react-native-architecture". What native modules should I use
Resultado esperado:
- expo-secure-store para armazenamento seguro de tokens
- expo-haptics para feedback tátil
- expo-local-authentication para biometria
- expo-notifications para alertas push
Auditoria de Segurança
SeguroThis is a documentation-only skill containing architectural patterns and example code. Static analyzer flagged documentation keywords as security issues, but all findings are false positives. No executable code, file access, or network requests exist. The skill contains only markdown documentation with TypeScript/JavaScript examples for React Native development.
Fatores de risco
🌐 Acesso à rede (6)
⚙️ Comandos externos (22)
Pontuação de qualidade
O Que Você Pode Construir
Planejar estrutura do aplicativo
Definir layout de pastas, grupos de provedores e roteamento para um novo aplicativo React Native.
Adicionar sincronização offline
Escolher padrões de persistência e atualização otimista do React Query para uso offline.
Melhorar desempenho
Selecionar estratégias de renderização de lista e memoização para grandes conjuntos de dados.
Tente Estes Prompts
Sugira uma estrutura de projeto React Native e layout do Expo Router para abas mais autenticação.
Forneça um padrão de AuthProvider com proteção de rotas e armazenamento seguro de tokens.
Explique cache offline, atualizações otimistas e invalidação com React Query.
Liste as melhores práticas para haptics, biometria e notificações push no Expo.
Melhores Práticas
- Usar grupos do Expo Router para organizar fluxos de navegação
- Persistir consultas para acesso offline e inicialização rápida
- Testar em dispositivos reais para comportamento da plataforma
Evitar
- Armazenar segredos diretamente no código fonte
- Buscar dados dentro de funções de renderização
- Ignorar diferenças de UI entre iOS e Android