Architecture & Design Patterns
Feature-based structure, atomic design, clean architecture, principios SOLID, dependency injection
1¿Qué es el Atomic Design en React?
¿Qué es el Atomic Design en React?
Respuesta
El Atomic Design organiza los componentes de React en 5 niveles jerárquicos: atoms (botones, inputs), molecules (formularios simples), organisms (header, footer), templates (layout de página) y pages (instancias concretas). Esta metodología proporciona una estructura coherente y escalable para el design system. Facilita la reutilización de componentes y la colaboración entre diseñadores y desarrolladores al compartir un vocabulario común.
2¿Cuál es la característica principal de una arquitectura feature-based?
¿Cuál es la característica principal de una arquitectura feature-based?
Respuesta
La arquitectura feature-based agrupa todos los archivos relacionados con una funcionalidad en la misma carpeta (componentes, hooks, estilos, tests, tipos). Este enfoque promueve la co-location y la autonomía de las features. Cada feature se convierte en un módulo independiente con sus propias responsabilidades, lo que facilita el mantenimiento y permite a los equipos trabajar en paralelo sin conflictos.
3¿Cuál es el principio fundamental de la Clean Architecture?
¿Cuál es el principio fundamental de la Clean Architecture?
Respuesta
La Clean Architecture se basa en la Dependency Rule: las dependencias deben apuntar siempre hacia adentro, desde las capas externas (UI, infraestructura) hacia las capas internas (domain, business logic). El dominio de negocio nunca debe depender de la UI o los frameworks. Esta separación permite probar la lógica de negocio de forma independiente, cambiar de framework sin reescribir el código de negocio y mantener una arquitectura desacoplada y escalable.
¿Qué significa el principio SOLID 'Single Responsibility' aplicado a un componente React?
¿Qué es la inyección de dependencias en React?
+19 preguntas de entrevista
Otros temas de entrevista React / Next.js
Fundamentos de JavaScript
Fundamentos de React
React Hooks
Ciclo de vida de los componentes
React Router
Gestión de estado con Context
Formularios y Controlled Components
Obtención de datos y API
React Query (TanStack Query)
Styling & CSS-in-JS
Fundamentos de Next.js
TypeScript con React
Data Fetching en Next.js
Server Actions de Next.js
Routing y Navegación en Next.js
API Routes de Next.js
Metadata & SEO en Next.js
Middleware y Auth en Next.js
Testing en React
Zustand State Management
Optimización de Rendimiento en React
Error Boundaries & Error Handling
Advanced React Patterns
Características avanzadas de Next.js
Despliegue y Producción de Next.js
React Server Components
Internacionalización de Next.js
React Security & Buenas Prácticas
Domina React / Next.js para tu próxima entrevista
Accede a todas las preguntas, flashcards, tests técnicos, ejercicios de code review y simuladores de entrevista.
Empieza gratis