Contenido del curso

    1. Introducción

    2. Temas puntuales

    3. Introducción a las pruebas automáticas

    4. Configuración Vitest

    5. Mis primeras pruebas automáticas

    6. Agrupar pruebas similares

    7. Pruebas sobre componentes de React

    8. Buscar elementos en el componente renderizado

    9. Evaluar "snapshots"

    10. Pruebas en el componente ItemCounter

    11. Disparar eventos

    12. Comprobar estilos

    13. Pruebas en "FirstStepsApp"

    14. Componentes fictícios - Mock Components

    15. Esperar argumentos específicos

    16. Índice de cobertura

    17. Código fuente

    18. Repaso interactivo: Pruebas automáticas - Unit testing

    1. Introducción

    2. Temas puntuales

    3. Demostración de la sección

    4. Inicio de proyecto - GifsApp

    5. Estructura inicial, estilos y fuente

    6. Pensemos en componentes

    7. Solución a la tarea - GifList

    8. Manejo de estado - Búsquedas previas

    9. Manejo del componente de búsqueda

    10. useEffect - Debounce

    11. Tarea - Ver búsquedas previas

    12. Developers Giphy - API Key

    13. Obtener gifs mediante petición http

    14. Variables de entorno

    15. Solución a la tarea - Mostrar Gifs

    16. Código fuente

    17. Repaso interactivo: GifExpertApp - Aplicación

Acerca de este curso

  • $60.00
  • 452 lecciones
  • 46 horas de contenido en video
  • Fernando Herrera
  • Subtítulos disponibles

Requisitos previos

• Conocimiento básico de JavaScript es necesario
• Conocimiento básico de programación es necesario
• Poder realizar instalaciones en el equipo como administrador
• Pueden seguir el curso en OSX (Mac), Windows o Linux
• Estar dispuesto a realizar las tareas y ejercicios adicionales

Descripción del curso

¿Quieres aprender el React actual o migrar de una vez por todas al trabajo profesional con Hooks? Este curso tiene por objetivo llevarte desde cero conocimientos hasta un nivel competitivo en el mercado laboral de hoy en día, construyendo aplicaciones basadas 100% en Functional Components y Hooks.

Pensando en que todos empezamos desde cero en algún momento, el curso incluye una fase de nivelación con los conceptos esenciales de JavaScript que necesitas para entrar a React de la forma más cómoda y segura posible.

¡Curso Renovado con React 19!
El curso ha sido completamente actualizado para incorporar las últimas características del ecosistema, incluyendo el nuevo React Compiler para evitar renders innecesarios sin necesidad de memorización manual. Además, integra herramientas de vanguardia como la generación de interfaces asistida por IA, ShadCN, Tailwind CSS, TypeScript, Vitest y TanStack.

¿Qué aprenderás en este curso?

Exploraremos un temario robusto a través de proyectos reales de inicio a fin. Estos son los pilares del contenido:

  • Core de React & Estado: React en profundidad, Context API, HOC (Higher-Order Components) y gestión de estado moderno y ligero con Zustand.
  • Fullstack MERN Stack: Conexión avanzada construyendo aplicaciones completas con MongoDB, Express, React y Node.js, integrando Mongoose, encriptación de contraseñas y despliegues controlados con Docker.
  • Enrutamiento Profesional: Navegación y arquitecturas de layouts dinámicos con React Router v7+, manejo de QueryStrings e historial.
  • Diseño de Interfaces Modernas: Maquetación veloz y elegante utilizando Tailwind CSS, ShadCN, componentes interactivos con animaciones y diseño asistido por IA.
  • Seguridad y Autenticación: Implementación de flujos de acceso personalizados y login social con Google Sign-in, respaldados por tokens JWT con revalidación automática.

Especialización en Testing Automatizado

Hoy en día, el código que no se prueba no va a producción. El curso incluye secciones dedicadas a pruebas unitarias y de integración para cada aplicación que construimos, utilizando el stack moderno de Vitest y React Testing Library:

  • Pruebas especializadas en Componentes, Context y Custom Hooks.
  • Manejo avanzado de Mocks, Spies y Snapshots.
  • Pruebas de integración sobre Fetching de datos, flujos de autenticación, Redux Toolkit y Zustand.

¿Para quién es este curso?

  • Para cualquier persona que quiera aprender React desde sus cimientos de forma correcta.
  • Desarrolladores que necesitan migrar de los antiguos Class-Based Components a la arquitectura moderna de funciones y Hooks de React 19+.
  • Programadores que buscan especializarse en pruebas automatizadas y dominar el tipado estricto con TypeScript.

⚛️ ¡Olvídate de las malas prácticas y los tutoriales obsoletos; domina el ecosistema real de React que exigen los equipos de ingeniería!



Pago único

Adquiere el curso con un único pago de forma vitalicia y acceso a posibles actualizaciones futuras.

¿Listo para explorar sin límites?

✦— Elige tu suscripción DevTalles PRO

Devtalles PRO Mensual

USD18

¡Empieza hoy!

DevTalles PRO Trimestral

USD54

3 meses para subir de nivel.

DevTalles PRO Semestral

USD108

Especializate en 6 meses.

DevTalles PRO Anual

✦ El mejor valor

USD198

12 meses por el precio de 11.