React + TypeScript
Programa · 2026

React + TypeScript
11 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, Zustand para estado compartido y arranque del servidor Express base en monorepo.

ReactZustandTypeScript+2
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

Capa de servicios y conexión a la base de datos

Capa de servicios con Fetch tipado, introducción a Prisma ORM 7 y primera conexión real a PostgreSQL.

Fetch APITypeScriptPrisma+1
8
8h

Backend CRUD completo con Express y Prisma

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

ExpressPrismaPostgreSQL+2
9
8h

Panel admin CRUD conectado a la API

Formularios conectados a la API real, subida de imágenes con FormData, confirmaciones con SweetAlert2 y sincronización del store Zustand.

ReactZustandFormData+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