React: Frontend Moderno con TypeScript
Domina React desde cero: componentes, hooks, estado, routing, testing, performance, Next.js y todo lo necesario para construir aplicaciones frontend profesionales.
Lecciones (19)
Introducción a React y configuración del entorno
Qué es React, su arquitectura basada en componentes y cómo iniciar un proyecto con Vite.
JSX y Rendering
Sintaxis JSX, expresiones, renderizado condicional, listas y el Virtual DOM.
Componentes y Props
Componentes funcionales, props, children, composición y organización de archivos.
Estado y Eventos
useState, inmutabilidad, eventos sintéticos y elevación de estado.
Hooks Fundamentales: useState y useEffect
Reglas de hooks, useEffect, array de dependencias, cleanup y errores comunes.
Hooks Avanzados: useReducer, useContext, useRef, useMemo, useCallback
useReducer para estado complejo, useContext, useRef, memoización con useMemo y useCallback.
Formularios en React
Componentes controlados y no controlados, validación y React Hook Form con Zod.
React Router: navegación SPA
BrowserRouter, rutas dinámicas, anidadas, guards, lazy loading y loaders.
Fetching de datos y TanStack Query
Fetch con useEffect, custom hook useFetch, TanStack Query y Suspense.
Context API y estado global
Prop drilling, createContext, Provider, consumer hooks y Context + useReducer.
Redux Toolkit: estado global predecible
createSlice, configureStore, typed hooks, createAsyncThunk y RTK Query.
Testing con Vitest y React Testing Library
Tests unitarios y de componentes con Vitest, RTL, user events y MSW.
Rendimiento y Optimización
React.memo, useMemo, useCallback, lazy loading, virtualización y Profiler.
Custom Hooks: reutilización de lógica
Diseño de hooks personalizados: useLocalStorage, useFetch, useDebounce y más.
TypeScript con React
Tipado de props, eventos, hooks, componentes genéricos y forwardRef.
Estilos: CSS Modules, Tailwind y Styled Components
CSS Modules, Tailwind CSS, Styled Components y comparativa de enfoques.
SSR con Next.js
Server Components, App Router, data fetching, layouts, Server Actions y SEO.
Patrones avanzados de React
Compound components, render props, HOC, provider pattern y state machines.
Preguntas de entrevista: React
Las preguntas más frecuentes sobre React, hooks, estado, routing y optimización.
🚀 Desbloquea todas las lecciones
Mejora a Pro para acceder a todas las lecciones, ejercicios, quizzes y constancias.
Ver planes desde $9/mes