Aprender React - Curso Code

Aprende React escribiendo código. Este tutorial de React JavaScript te lleva desde tu primera línea de JSX hasta los hooks, la gestión del estado y las aplicaciones completas, y cada componente que escribes se renderiza directamente en tu teléfono en una vista previa en directo.

88 cursos y 324 lecciones interactivas, de los niveles A1 a C1. Lee un concepto breve, escribe código real, pulsa Ejecutar y mira el resultado. No necesitas portátil ni configuración.

ESCRIBE CÓDIGO EN TU TELÉFONO

• Un editor de código creado para JSX, con una vista previa en directo que renderiza tu componente dentro de la aplicación

• El entorno de ejecución (ReactDOM y Babel) está integrado en la aplicación, por lo que tu código se ejecuta en el dispositivo, no en un servidor

• Proyectos con varios archivos: importa un componente en otro, como se crean las aplicaciones reales

EL LABORATORIO

• Hooks Lab: observa cada cambio de estado y cada nuevo renderizado en el momento en que ocurren

• Controles de props: cambia una prop con un control deslizante y observa cómo se actualiza el componente

• Profiler de renderizado y línea temporal del estado (Pro): descubre qué componente se ha vuelto a renderizar y por qué

PASO A PASO, DE PRINCIPIANTE A AVANZADO

• Conceptos básicos: JSX, componentes, props, estado, eventos, listas y claves, renderizado condicional

• Hooks: useState, useEffect, useRef, useReducer, hooks personalizados, useLayoutEffect y mucho más

• Formularios y validación, React Hook Form, entradas controladas y no controladas

• Gestión del estado: Context, Redux Toolkit y RTK Query, Zustand y Jotai

• React Router, obtención de datos, TanStack Query, SWR e interfaz de usuario optimista

• TypeScript, pruebas, Storybook, accesibilidad y seguridad

• Rendimiento: memorización, división del código, Suspense, transiciones, listas virtualizadas

• React 19 y Server Components, SSR e hidratación, streaming

• Next.js App Router, obtención de datos y autenticación

• Fundamentos de React Native para desarrolladores web

CREA PROYECTOS REALES

20 proyectos guiados, paso a paso: un botón de «Me gusta», una calculadora de propinas, un juego de preguntas, un cronómetro, un carrito de la compra, una aplicación de tareas y mucho más. Cada paso comprueba que tu componente funciona de verdad antes de continuar.

PRACTICA HASTA DOMINARLO

• 30 misiones de programación (fáciles, medias y difíciles) sobre hooks, renderizado, formularios, Context y rendimiento

• UI Match: reconstruye un componente objetivo y obtén una puntuación por su estructura, estilo y texto

• Bug Hunt: encuentra y corrige el error de un componente que no funciona

• Component Recall: vuelve a escribir la parte que falta en un código que ya has conseguido hacer funcionar, con repetición espaciada

• Cuestionarios con 50 preguntas, 50 preguntas de entrevista y una hoja resumen

MENTOR DE AI (PRO)

Pregunta al mentor de AI sobre un hook o un error, recibe una revisión de AI de tu código con una corrección sugerida o genera una lección personalizada.

CERTIFICADO (PRO)

Aprueba el examen final y consigue un certificado que puedes compartir.

GRATIS Y PRO

Gratis: el primer curso, un proyecto guiado, 2 misiones de programación, el editor de código con vista previa en directo, Hooks Lab, los controles de props, Bug Hunt y 3 comprobaciones de UI Match al día. La versión gratuita muestra anuncios.

Pro: los 88 cursos, todos los proyectos y misiones, el mentor de AI, el profiler de renderizado y la línea temporal del estado, el examen para obtener el certificado y sin anuncios.

La aplicación está disponible en 22 idiomas.

React es una marca comercial de Meta Platforms, Inc. Next.js es una marca comercial de Vercel, Inc. Esta es una aplicación de aprendizaje independiente, no afiliada a Meta o Vercel ni respaldada por estas empresas.

Política de privacidad: https://www.coddykit.com/terms/privacy-policy