Guia para padrões de design em react native em React Native

Prompt gerado automaticamente para Padrões de design em React Native em React Native

5.0
33 usos
ChatGPT
Usar no ChatGPT
"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."

Como Usar este Prompt

1

Clique no botão "Copiar Prompt" para copiar o conteúdo completo.

2

Abra sua ferramenta de IA de preferência (ChatGPT e etc.).

3

Cole o prompt e substitua as variáveis (se houver) com suas informações.

Compartilhe

Gostou deste prompt? Ajude outras pessoas a encontrá-lo!

Outros prompts de React Native

Continue explorando prompts nesta categoria.

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

Melhores práticas de fundamentos de react native para React Native

Prompt gerado automaticamente para Fundamentos de React Native em React Native

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