React Server Components
Arquitectura RSC, componentes de servidor vs cliente, serialización, streaming, límites de Suspense
1¿Qué es un React Server Component?
¿Qué es un React Server Component?
Respuesta
Los Server Components son componentes de React que se ejecutan únicamente en el servidor y nunca se envían al cliente. A diferencia de los componentes tradicionales, no necesitan ser hidratados del lado del cliente, lo que reduce significativamente el tamaño del bundle de JavaScript. Permiten el acceso directo a recursos del backend (bases de datos, sistemas de archivos) sin exponer secretos ni claves API.
2¿Cómo declarar un Client Component en React?
¿Cómo declarar un Client Component en React?
Respuesta
La directiva 'use client' colocada al inicio de un archivo indica que el componente y todos sus hijos importados son Client Components. Esta directiva marca la frontera entre el código del servidor y el cliente. Sin esta directiva, los componentes son Server Components por defecto en frameworks que soportan RSC como Next.js App Router.
3¿Cuál es la principal diferencia entre Server y Client Components?
¿Cuál es la principal diferencia entre Server y Client Components?
Respuesta
Los Server Components se ejecutan en el servidor y su código nunca se envía al cliente, mientras que los Client Components se envían al navegador y requieren JavaScript para la interactividad. Esta distinción fundamental afecta el acceso a los recursos, el tamaño del bundle y las capacidades de interactividad. Los Server Components no pueden usar hooks de React ni manejar eventos de usuario.
¿Qué hook de React se puede usar en un Server Component?
¿Cómo hacer data fetching en un Server Component?
+23 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
Architecture & Design Patterns
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