Contenido del curso

    1. Introducción

    2. Temas puntuales

    3. Inicio de proyecto - ReactApp

    4. Código fuente

    1. Introducción a la sección

    2. Temas puntuales de la sección

    3. Levantar proyecto - React App

    4. Rutas tradicionales - Sin Lazyload

    5. Crear archivo de rutas independiente

    6. Resolución de tarea de rutas estáticas

    7. LazyLoad y Suspense

      PRUEBA GRATIS
    8. Cambiar el nombre de los chunks

    9. Nested Lazy Routes

    10. Subir cambios y ramas a GitHub

    11. Código fuente

    12. Nota: React Router Dom V5

    13. Preparación de proyecto - React-App

    14. Rutas tradicionales - Sin Lazyload

    15. Crear archivo de rutas independiente

    16. Resolución de tarea de rutas estáticas

    17. LazyLoad y Suspense

    18. Cambiar el nombre de los chunks

    19. Nested Lazy Routes

    20. Implementar las rutas hijas

    21. Subir cambios y ramas a GitHub

    22. Código fuente de la sección

    1. Introducción a la sección

    2. Temas puntuales de la sección

    3. Continuación de proyecto - Patrones de componentes

    4. Componente básico tradicional

    5. CustomHook - useProduct

    6. Recibir props al componente hijo

    7. Compound Component Pattern - Primeros pasos

    8. Compound Component Pattern - Segundo Paso

      PRUEBA GRATIS
    9. Unificar exportación de componentes

    10. Compound Component Pattern - Tercer Paso

    11. Separando la lógica en archivos independientes

    12. Asignar componentes a otro componente

    13. Realizar respaldo y rama

    14. Código fuente de la sección

    1. Introducción a la sección

    2. Temas puntuales de la sección

    3. Continuación de la sección - Extensible Styles

    4. Custom className

    5. className en el ProductTitle y ProductImage

    6. className en ProductButtons

    7. Interfaces faltantes

    8. React CSSProperties

    9. Creación de rama y commit de los cambios

    10. Código fuente de la sección

Acerca de este curso

  • $60.00
  • 226 lecciones
  • 24.5 horas de contenido en video
  • Fernando Herrera

Requisitos previos

• Tener las bases de React con Hooks
• Saber TypeScript es útil pero no indispensable (introducción incluida)
• Poder realizar instalaciones en el equipo como administrador

Descripción del curso

Bienvenido al curso donde llevarás tus conocimientos de React al siguiente nivel, aprendiendo patrones avanzados de desarrollo, herramientas profesionales y buenas prácticas para crear aplicaciones y librerías listas para producción.

Este curso está dirigido a desarrolladores que ya conocen React con Hooks y desean profundizar en temas como TypeScript, patrones de componentes, Storybook, PWAs, automatización de despliegues y creación de librerías reutilizables.

¿Este curso es para ti? No es un curso para aprender React desde cero. El objetivo es perfeccionar tus habilidades actuales y enseñarte herramientas y patrones utilizados en proyectos profesionales de gran escala.

¿Cómo está estructurado el curso?

Aprenderás mediante la construcción de proyectos reales, desarrollando componentes reutilizables, publicando librerías en NPM, automatizando procesos con GitHub Actions y convirtiendo aplicaciones React en Progressive Web Apps (PWA).

  • React avanzado: TypeScript, Lazy Loading, modularización y patrones de componentes.
  • Desarrollo de librerías: Storybook, TSDX, NPM y documentación automática.
  • Formularios profesionales: Formik, Yup, formularios dinámicos y componentes reutilizables.
  • Producción: GitHub Actions, Semantic Release, PWAs, Workbox y estrategias offline.

Temas que desarrollarás durante el curso:

  • React + TypeScript: Desarrollo moderno utilizando tipado estático.
  • Patrones de componentes: Compound Components, Control Props, State Initializer, Function Child y más.
  • Formularios: Formik, Yup, validaciones y formularios dinámicos.
  • Storybook: Documentación, publicación y creación de librerías reutilizables.
  • Automatización: GitHub Actions, Semantic Release y despliegues automáticos a NPM.
  • PWAs: Service Workers, Workbox, Background Sync, IndexedDB y funcionamiento offline.
  • Y mucho más...

Resultados al finalizar el curso:

  • Elevarás tus habilidades de React a un nivel profesional.
  • Aprenderás a crear componentes y librerías reutilizables listas para producción.
  • Dominarás herramientas como Storybook, GitHub Actions y Workbox.
  • Serás capaz de desarrollar aplicaciones React modernas, escalables y optimizadas para entornos reales.

🚀 ¡Te espero en el curso y mucho éxito convirtiéndote en un desarrollador React de nivel profesional!



Pago único

Adquiere el curso con un único pago de forma vitalicia, con acceso a la comunidad y 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.