Aprender React - Curso Code

Una app para aprender React con un tutorial de React js: desde JSX hasta hooks, gestión del estado y apps, con vista previa en el móvil. Un curso de React de nivel básico a avanzado: 88 cursos, 324 lecciones interactivas, A1–C1 y 22 idiomas.

ESCRIBE CÓDIGO EN TU MÓVIL

• IDE/editor JSX: lee, programa, ejecuta y ve el resultado en directo. Sin portátil ni configuración.

• ReactDOM/Babel integrados: ejecución en el dispositivo, sin servidor.

• Proyectos con varios archivos, importación de componentes, botones y formularios interactivos.

EL LABORATORIO

• Hooks Lab: cambios de estado y renderizados en directo.

• Props knobs: deslizadores para ajustar props.

• Render profiler/state timeline (Pro): qué se ha renderizado de nuevo y por qué; recorre el estado.

PASO A PASO, DE PRINCIPIANTE A AVANZADO

• JSX, componentes, props, estado, eventos, listas/claves, renderizado condicional

• useState, useEffect, useRef, useReducer, hooks propios, useLayoutEffect y más

• Formularios/validación, React Hook Form, campos controlados/no controlados

• Context, Redux Toolkit/RTK Query, Zustand, Jotai

• React Router, obtención de datos, TanStack Query, SWR, UI optimista

• TypeScript, pruebas, Storybook, accesibilidad, seguridad

• Memoización, división de código, Suspense, transiciones, listas virtualizadas

• React 19, Server Components, SSR/hidratación, streaming

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

• Fundamentos de React native para desarrolladores web

• Despliegue, microfrontends, federación de módulos

CREA PROYECTOS REALES

20 proyectos guiados para aprender React: botón «Me gusta», tarjetas de perfil, calculadora de propinas, juego de preguntas, cronómetro, formulario de registro, carrito, carrusel de imágenes, lista paginada, app de tareas y más. Cada paso comprueba el funcionamiento del componente.

PRACTICA HASTA ASIMILARLO

• 30 misiones de programación del curso de React: fáciles/medias/difíciles; hooks, renderizado, formularios, contexto y rendimiento.

• UI Match: reproduce los modelos; puntuaciones de estructura, estilo y texto.

• Bug Hunt: detecta y corrige errores en componentes.

• Component Recall: recupera código de componentes con repetición espaciada.

• 50 preguntas de repaso; 50 de entrevistas; guía rápida.

• Reto diario, rachas, XP, clasificación.

MENTOR IA (Pro)

Explicaciones con IA, revisiones de código, correcciones sugeridas y lecciones a medida sobre cualquier tema.

CERTIFICADO (Pro)

Aprueba el examen final y obtén un certificado que puedes compartir.

A QUIÉN VA DIRIGIDO

• Principiantes que quieren aprender React y saben algo de HTML, CSS o JavaScript

• Desarrolladores que cambian de framework con rapidez

• Quienes preparan entrevistas de desarrollo frontend

• Autodidactas que crean un porfolio de proyectos

GRATIS Y Pro

Gratis: primer curso, un proyecto guiado, 2 misiones de programación, editor/vista previa, Hooks Lab, Props knobs, Bug Hunt, 3 comprobaciones de UI Match al día; con anuncios.

Pro: los 88 cursos, todos los proyectos y misiones, mentor IA, Render profiler/state timeline, examen de certificación; sin anuncios.

React y Next.js son marcas comerciales de sus respectivos titulares. App de aprendizaje independiente, sin afiliación ni respaldo de los titulares.

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