Prepárate para tu Entrevista Senior de React
Dos pistas: aprende las nuevas funciones de React 19 con lecciones interactivas, y repasa más de 400 preguntas clásicas de entrevistas que los reclutadores realmente hacen.
Pista 1 · Funciones de React 19
Lecciones prácticas con editor Monaco y vista previa en vivo. Domina use(), useActionState, useOptimistic, useFormStatus, <Activity>, y más.
React 19: La Revolución Asíncrona
Un curso intensivo sobre las nuevas primitivas diseñadas para velocidad, concurrencia y gestión de estado sin esfuerzo.
1. El Hook use()
Desenvuelve promesas directamente en render. React suspende automáticamente el componente hasta que los datos estén listos.
2. Hooks de Acción
Automatiza ciclos de vida de formularios. useActionState rastrea estado pendiente y errores automáticamente.
3. <Activity>
Marca árboles como ocultos para preservar posición de scroll y estado sin consumo activo de recursos.
4. useEffectEvent
Extrae lógica no reactiva. Asegura que tu efecto solo se re-ejecute cuando dependencias específicas cambien.
- Lección 1
La muerte de useEffect para obtener datos
La nueva API use
El cambio: ya no necesitamos useEffect + useState + flags de carga para obtener datos simples. Podemos "desenvolver" pro...
Comenzar Lección - Lección 2
Formularios sin sufrimiento (useActionState)
Server Actions y estado
El cambio: olvídate de onSubmit, e.preventDefault() y crear estados genéricos de isSubmitting. React 19 gestiona el cicl...
Comenzar Lección - Lección 3
Comunicación entre componentes (useFormStatus)
Acceso profundo al estado
El cambio: tienes un SubmitButton anidado profundamente en un formulario. En React 18, tenías que pasar props de carga a...
Comenzar Lección - Lección 4
La UI optimista (useOptimistic)
Gratificación instantánea
El cambio: los usuarios odian esperar. Incluso si el servidor tarda 2 segundos, muestra el cambio al instante....
Comenzar Lección - Lección 5
El React Compiler (adiós a useMemo)
Optimización automática
El cambio: React 19 introduce el React Compiler (herramienta de compilación opcional). Memoriza automáticamente tus comp...
Comenzar Lección - Lección 6
La muerte de forwardRef
ref como una prop
El cambio: durante años, pasar un ref a un componente hijo era una pesadilla. Tenías que envolver el hijo en forwardRef ...
Comenzar Lección - Lección 7
Metadata nativa (adiós a react-helmet)
Elevación de metadata del documento
El cambio: modificar el <title> o agregar etiquetas <meta> solía requerir librerías de terceros o hacks con useEffect. R...
Comenzar Lección - Lección 8
Context Providers más limpios
<Context> como Provider
El cambio: ya no necesitamos escribir .Provider. Es un cambio pequeño, pero elimina ruido visual....
Comenzar Lección - Lección 9
Limpieza en Callback Refs
Funciones de limpieza en ref
El cambio: al usar un "Callback Ref" (una función pasada a ref en lugar de un objeto useRef), no se podían limpiar fácil...
Comenzar Lección - Lección 10
La arquitectura (Client vs Server)
Directivas ("use client", "use server")
El cambio: aunque popularizadas por Next.js, ahora son especificaciones del núcleo de React. Definen la "frontera" entre...
Comenzar Lección - Lección 11
Interoperabilidad con Web Components
Soporte para Custom Elements
El cambio: React 18 y versiones anteriores tenían problemas con Web Components (ej. <my-slider>), frecuentemente falland...
Comenzar Lección - Lección 12
Carga nativa de assets (estilos y scripts)
Elevación y deduplicación de recursos
El cambio: en React 18, si querías cargar de forma diferida una hoja de estilos o un script para un componente específic...
Comenzar Lección - Lección 13
La corrección del "Error de Hidratación"
Depuración con cordura
El cambio: todos los que han usado Next.js o SSR conocen el temido error: "Text content does not match server-rendered H...
Comenzar Lección - Lección 14
Configuración inicial de useDeferredValue
Ocultar el estado "obsoleto"
El cambio: useDeferredValue se usa para mantener la UI responsiva durante actualizaciones pesadas. Antes, no se podía es...
Comenzar Lección - Lección 15
APIs de precarga (preload, preinit)
Hints para el navegador
El cambio: en lugar de agregar manualmente etiquetas <link rel="preload"> en tu index.html y esperar que coincidan con t...
Comenzar Lección
Pista 2 · Preguntas Clásicas de Entrevista
+400 preguntas y respuestas recopiladas de la práctica real de entrevistas. Filtra por categoría, busca por palabra clave, y marca tu progreso con repetición espaciada.
- React esencial#1
What is React?
Ver respuesta - React esencial#2
What is the history behind React evolution?
Ver respuesta - React esencial#3
What are the major features of React?
Ver respuesta - React esencial#4
What is JSX?
Ver respuesta - React esencial#5
What is the difference between an Element and a Component?
Ver respuesta - React esencial#6
How to create components in React?
Ver respuesta - React esencial#7
When to use a Class Component over a Function Component?
Ver respuesta - React esencial#8
What are Pure Components?
Ver respuesta - React esencial#9
What is state in React?
Ver respuesta - React esencial#10
What are props in React?
Ver respuesta - React esencial#11
What is the difference between state and props?
Ver respuesta - React esencial#12
What is the difference between HTML and React event handling?
Ver respuesta - React esencial#13
What are synthetic events in React?
Ver respuesta - React esencial#14
What are inline conditional expressions?
Ver respuesta - React esencial#15
What is "key" prop and what is the benefit of using it in arrays of elements?
Ver respuesta - React esencial#16
What is Virtual DOM?
Ver respuesta - React esencial#17
How Virtual DOM works?
Ver respuesta - React esencial#18
What is the difference between Shadow DOM and Virtual DOM?
Ver respuesta - React esencial#19
What is React Fiber?
Ver respuesta - React esencial#20
What is the main goal of React Fiber?
Ver respuesta - React esencial#21
What are controlled components?
Ver respuesta - React esencial#22
What are uncontrolled components?
Ver respuesta - React esencial#23
What is the difference between createElement and cloneElement?
Ver respuesta - React esencial#24
What is Lifting State Up in React?
Ver respuesta - React esencial#25
What are Higher-Order Components?
Ver respuesta - React esencial#26
What is children prop?
Ver respuesta - React esencial#27
How to write comments in React?
Ver respuesta - React esencial#28
What is reconciliation?
Ver respuesta - React esencial#29
Does the lazy function support named exports?
Ver respuesta - React esencial#30
Why React uses `className` over `class` attribute?
Ver respuesta - React esencial#31
What are fragments?
Ver respuesta - React esencial#32
Why fragments are better than container divs?
Ver respuesta - React esencial#33
What are portals in React?
Ver respuesta - React esencial#34
What are stateless components?
Ver respuesta - React esencial#35
What are stateful components?
Ver respuesta - React esencial#36
How to apply validation on props in React?
Ver respuesta - React esencial#37
What are the advantages of React?
Ver respuesta - React esencial#38
What are the limitations of React?
Ver respuesta - React esencial#39
What are the recommended ways for static type checking?
Ver respuesta - React esencial#40
What is the use of `react-dom` package?
Ver respuesta - React esencial#41
What is ReactDOMServer?
Ver respuesta - React esencial#42
How to use innerHTML in React?
Ver respuesta - React esencial#43
How to use styles in React?
Ver respuesta - React esencial#44
How events are different in React?
Ver respuesta - React esencial#45
What is the impact of indexes as keys?
Ver respuesta - React esencial#46
How do you conditionally render components?
Ver respuesta - React esencial#47
Why we need to be careful when spreading props on DOM elements?
Ver respuesta - React esencial#48
How do you memoize a component?
Ver respuesta - React esencial#49
How you implement Server Side Rendering or SSR?
Ver respuesta - React esencial#50
How to enable production mode in React?
Ver respuesta - React esencial#51
Do Hooks replace render props and higher order components?
Ver respuesta - React esencial#52
What is a switching component?
Ver respuesta - React esencial#53
What are React Mixins?
Ver respuesta - React esencial#54
What are the Pointer Events supported in React?
Ver respuesta - React esencial#55
Why should component names start with capital letter?
Ver respuesta - React esencial#56
Are custom DOM attributes supported in React v16?
Ver respuesta - React esencial#57
How to loop inside JSX?
Ver respuesta - React esencial#58
How do you access props in attribute quotes?
Ver respuesta - React esencial#59
What is React proptype array with shape?
Ver respuesta - React esencial#60
How to conditionally apply class attributes?
Ver respuesta - React esencial#61
What is the difference between React and ReactDOM?
Ver respuesta - React esencial#62
Why ReactDOM is separated from React?
Ver respuesta - React esencial#63
How to use React label element?
Ver respuesta - React esencial#64
How to combine multiple inline style objects?
Ver respuesta - React esencial#65
How to re-render the view when the browser is resized?
Ver respuesta - React esencial#66
How to pretty print JSON with React?
Ver respuesta - React esencial#67
Why can't you update props in React?
Ver respuesta - React esencial#68
How to focus an input element on page load?
Ver respuesta - React esencial#69
How can we find the version of React at runtime in the browser?
Ver respuesta - React esencial#70
How to add Google Analytics for React Router?
Ver respuesta - React esencial#71
How do you apply vendor prefixes to inline styles in React?
Ver respuesta - React esencial#72
How to import and export components using React and ES6?
Ver respuesta - React esencial#73
What are the exceptions on React component naming?
Ver respuesta - React esencial#74
Is it possible to use async/await in plain React?
Ver respuesta - React esencial#75
What are the common folder structures for React?
Ver respuesta - React esencial#76
What are the popular packages for animation?
Ver respuesta - React esencial#77
What is the benefit of styles modules?
Ver respuesta - React esencial#78
What are the popular React-specific linters?
Ver respuesta