Architecture & Design Patterns
Feature-based structure, atomic design, clean architecture, princípios SOLID, dependency injection
1O que é Atomic Design no React?
O que é Atomic Design no React?
Resposta
O Atomic Design organiza os componentes React em 5 níveis hierárquicos: atoms (botões, inputs), molecules (formulários simples), organisms (header, footer), templates (layout de página) e pages (instâncias concretas). Esta metodologia fornece uma estrutura consistente e escalável para o design system. Facilita a reutilização de componentes e a colaboração entre designers e desenvolvedores por meio de um vocabulário comum.
2Qual é a principal característica de uma arquitetura feature-based?
Qual é a principal característica de uma arquitetura feature-based?
Resposta
A arquitetura feature-based agrupa todos os arquivos relacionados a uma funcionalidade na mesma pasta (componentes, hooks, estilos, testes, tipos). Esta abordagem promove a co-location e a autonomia das features. Cada feature se torna um módulo independente com suas próprias responsabilidades, o que facilita a manutenção e permite que as equipes trabalhem em paralelo sem conflitos.
3Qual é o princípio fundamental da Clean Architecture?
Qual é o princípio fundamental da Clean Architecture?
Resposta
A Clean Architecture é baseada na Dependency Rule: as dependências devem sempre apontar para dentro, das camadas externas (UI, infraestrutura) para as camadas internas (domain, business logic). O domínio de negócio nunca deve depender de UI ou frameworks. Essa separação permite testar a lógica de negócio de forma independente, mudar de framework sem reescrever o código de negócio e manter uma arquitetura desacoplada e escalável.
O que significa o princípio SOLID 'Single Responsibility' aplicado a um componente React?
O que é injeção de dependência no React?
+19 perguntas de entrevista
Outros temas de entrevista React / Next.js
Fundamentos de JavaScript
Fundamentos do React
React Hooks
Ciclo de vida dos componentes
React Router
Gerenciamento de estado com Context
Formulários e Controlled Components
Busca de dados e API
React Query (TanStack Query)
Styling & CSS-in-JS
Fundamentos do Next.js
TypeScript com React
Data Fetching no Next.js
Server Actions do Next.js
Roteamento e Navegação no Next.js
API Routes do Next.js
Metadata & SEO no Next.js
Middleware e Auth no Next.js
Testes em React
Zustand State Management
Otimização de Performance React
Error Boundaries & Error Handling
Advanced React Patterns
Recursos avançados do Next.js
Deploy e Produção com Next.js
React Server Components
Internacionalização do Next.js
React Security & Boas Práticas
Domine React / Next.js para sua proxima entrevista
Acesse todas as perguntas, flashcards, testes tecnicos, exercicios de code review e simuladores de entrevista.
Comece gratis