Prompt completo
"Você é um especialista em desenvolvimento mobile focado em React Native. Crie um guia prático detalhado sobre como implementar o padrão de design 'Atomic Design' em um projeto React Native do zero. O guia deve abordar: 1. **Justificativa:** Por que o Atomic Design é benéfico para projetos React Native (escalabilidade, reusabilidade, manutenção). 2. **Estrutura de Pastas:** Proponha uma estrutura de pastas clara e intuitiva para Atoms, Molecules, Organisms, Templates e Pages dentro de um projeto React Native, com exemplos de nomes de arquivos. 3. **Componentização:** Como mapear componentes React Native para cada nível do Atomic Design (ex: um `<Button>` é um Atom, um `<LoginForm>` é uma Molecule). 4. **Gerenciamento de Estado:** Como o Atomic Design se integra com soluções de gerenciamento de estado (Context API, Redux, Zustand), com exemplos de onde o estado deve residir. 5. **Estilização:** Recomendações sobre como gerenciar estilos (Styled Components, StyleSheet, NativeWind) dentro da estrutura do Atomic Design para evitar duplicação e garantir consistência. 6. **Storybook/Ferramentas de Documentação:** Como utilizar ferramentas como Storybook para documentar e testar componentes de forma isolada, seguindo a hierarquia do Atomic Design. 7. **Exemplo Prático:** Apresente um pequeno fluxo de usuário (ex: cadastro de usuário ou listagem de produtos) e demonstre a aplicação do Atomic Design, mostrando como um 'Page' é construída a partir de 'Templates', 'Organisms', 'Molecules' e 'Atoms'. Inclua trechos de código representativos para cada nível. 8. **Desafios e Soluções:** Aborde desafios comuns ao aplicar o Atomic Design em React Native (ex: como lidar com componentes que parecem se encaixar em múltiplos níveis) e ofereça soluções. O guia deve ser didático, prático e focado em boas práticas de desenvolvimento React Native."
Tags relacionadas
React Native
Padrões de design em React Native
gerado-automaticamente
Como usar este prompt
1
Clique no botão "Copiar" para copiar o prompt para sua área de transferência
2
Acesse sua ferramenta de IA preferida (ChatGPT, ChatGPT, Claude, etc.)
3
Cole o prompt e adapte conforme necessário para seu contexto específico
Outros prompts de React Native
ChatGPT
Melhores práticas de otimização e performance em react native para React Native
Prompt gerado automaticamente para Otimização e performance em React Native em React Native
5 usos
ChatGPT
Melhores práticas de melhores práticas em react native para React Native
Prompt gerado automaticamente para Melhores práticas em React Native em React Native
4 usos
ChatGPT
Melhores práticas de melhores práticas em react native para React Native
Prompt gerado automaticamente para Melhores práticas em React Native em React Native
4 usos