React + TypeScript
Programa · 2026

React + TypeScript
9 semanas

Programa intensivo desde los fundamentos de TypeScript hasta el examen transversal. Nivel intermedio con enfoque en patrones modernos de React y ecosistema actual.

9semanas
80hde contenido
11semanas disponibles
1
Fundamentos8h

Fundamentos de TypeScript

Tipos básicos, interfaces, genéricos y configuración del entorno de desarrollo con TypeScript.

TypeScriptVS CodeNode.js
2
Fundamentos8h

React + TypeScript: Primeros pasos

Configuración con Vite, componentes funcionales tipados, props con interfaces y JSX con TypeScript.

ReactTypeScriptVite
3
Hooks8h

Hooks con TypeScript

useState, useEffect, useRef, useMemo y useCallback completamente tipados con TypeScript.

ReactTypeScript
4
Componentes8h

Componentes avanzados y Context API

Patrones de componentes, children tipados, Context API con TypeScript y composición avanzada.

ReactTypeScriptContext API
5
Estado8h

Gestión de estado global

useReducer tipado, Redux Toolkit con TypeScript y Zustand como alternativa moderna.

ReactRedux ToolkitZustand+1
6
Routing8h

React Router con TypeScript

Navegación con React Router v6, rutas protegidas, parámetros tipados y navegación programática.

React Router v6TypeScript
7
APIs8h

Consumo de APIs y datos asíncronos

Fetch y Axios tipados, TanStack Query, manejo de errores y tipado de respuestas de API.

Fetch APIAxiosTanStack Query+1
8
8h

Backend CRUD completo con Express y multer

Endpoints POST, PUT y DELETE tipados con Express + PostgreSQL, arquitectura MVC y subida de archivos con multer.

ExpressPostgreSQLmulter+1
9
8h

Panel admin CRUD conectado a la API

useMutation de TanStack Query, formularios wired a la API real, subida de imágenes desde el navegador y sincronización del estado global.

ReactTanStack QueryZustand+2
10
Testing8h

Testing y buenas prácticas

Vitest y React Testing Library con TypeScript, mocks tipados y cobertura de código.

VitestReact Testing LibraryTypeScript
11
Examen TransversalEntrega final

Examen Transversal: Proyecto Integrador

Desarrollo de una aplicación completa con React + TypeScript integrando todos los conocimientos del programa.

ReactTypeScriptVite+2