Capítulo 14. Estrutura da Aplicação para React.js
Este trabalho foi traduzido com recurso a IA. Agradecemos o teu feedback e comentários: translation-feedback@oreilly.com
Ao criar pequenos projectos de passatempo ou ao experimentar um novo conceito ou biblioteca, os programadores podem começar a adicionar ficheiros a uma pasta sem um plano ou uma estrutura de organização. Estes podem incluir CSS, componentes auxiliares, imagens e páginas. Uma única pasta para todos os recursos torna-se impossível de gerir à medida que o projeto cresce. Qualquer base de código de tamanho respeitável deve ser organizada em uma estrutura de pastas de aplicativos com base em critérios lógicos. A decisão sobre como estruturar os teus ficheiros e componentes da aplicação pode ser uma escolha pessoal/da equipa. Geralmente, também depende do domínio da aplicação e da tecnologia utilizada.
Este capítulo foca-se principalmente em estruturas de pastas para aplicações React.js que podem ajudar a gerir melhor os nossos projectos à medida que crescem.
Introdução
O próprio React.js não fornece uma diretriz sobre a estruturação de projetos, mas sugere algumas abordagens comumente usadas. Vamos dar uma olhada nelas e entender seus prós e contras antes de discutir estruturas de pastas para projetos com complexidades adicionais e aplicativos Next.js.
Em alto nível, podes agrupar ficheiros numa aplicação React de duas formas:
- Agrupa por caraterística
-
Cria pastas para cada módulo de aplicação, funcionalidade ou ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access