Con este curso podrás:

Preparar un bundle para enviar a producción con Webpack

Preparar un bundle para enviar a producción con Webpack

Crear Styled-components para estructurar tu app

Crear Styled-components para estructurar tu app

Utilizar React Hooks

Utilizar React Hooks

Generar consultas con GraphQL

Generar consultas con GraphQL

Gestionar Usuarios

Gestionar Usuarios

Crear Aplicaciones Web Progresivas (PWAs)

Crear Aplicaciones Web Progresivas (PWAs)

Temario del curso

  • Uso de GitHub e Instalación de dependencias
  • Introducción a Webpack
  • Instalación de las dependencias y configuración de Webpack
  • Instalación de html-webpack-plugin
  • Crear la estructura de archivos y configuraciones iniciales
  • Uso de Babel
  • Configuración de ESLint y Prettier
  • Deployando la aplicación con Now.sh
  • Construcción de Interfaces con ReactJS
  • Creación de componentes de UI con styled-components
  • Uso de Styled-components
  • Uso de iconos y creación de NavBar
  • Uso de React Hooks
  • Introducción a GraphQL
  • Introducción a Apollo Server y React Apollo
  • Instalación de React Apollo
  • Manejo de lógica de aplicación con ReactJS
  • Introducción a Reach Router
  • ¿Por qué usar Reach Router?
  • Cómo crear una ruta
  • Crear la ruta
  • Creación de componentes para navegación a Favoritos y Home
  • Cómo crear subrutas
  • Crear una ruta protegida
  • Conectar una aplicación web a GraphQL
  • Añadir JSON Web Token (JWT)
  • Crear un custom-Hook para saber si el usuario ha iniciado sesión
  • Usar React.Context
  • Registro de usuarios
  • Manejo de Inicio de sesión
  • Manejo de Cierre de sesión
  • Introducción al SEO con ReactJS
  • ReactJS Helmet
  • Componente para controlar los "heads" de nuestra app
  • SEO en nuestra app de React
  • Introducción a las PWA
  • Usar workbox para cachear requests
  • Deployando nuestra aplicación con Now
  • Cómo medir el performance de nuestro sitio
  • Uso de Lighthouse para auditar nuestra web app
  • Usdo de Webpack Bundle Analyzer
  • React.lazy: carga diferida de componentes
  • Implementación de Carga en diferido de las rutas
  • Uso de React.memo para evitar renderizados innecesarios
  • Testing básico con Cypress
Diploma del Curso de React Avanzado

¡Obtén reconocimiento por tu trabajo!

Comparte tus logros con tu familia, amigos, empleadores y la comunidad.

Apenas termines el curso tendrás acceso al diploma digital y cuando finalices la carrera te enviaremos el diploma en papel a tu casa.

Los Profesores

Miguel Ángel Durán

Miguel Ángel Durán

@midudev

Adevinta Spain en Lead Frontend Architect

Petgram

Crea una aplicación para subir y compartir fotos de mascotas usando Webpack, GraphQL, React Hooks, React Router, SEO y PWAs.

6 razones para estudiar con Platzi

Proyección profesional

Proyección profesional

El 80% de nuestros estudiantes obtienen un mejor empleo

Proyección profesional

Enfoque

Cumple tus objetivos con nuestra metodología de aprendizaje

Proyección profesional

Diploma de certificación

Tendrás un diploma de certificación al aprobar un curso o una carrera

Proyección profesional

App y contenido offline

No interrumpas tu aprendizaje, sigue aprendiendo mientras te mueves

Proyección profesional

Mentoría permanente

Acompañamos tu proceso de aprendizaje respondiendo todas tus dudas

Proyección profesional

Material exclusivo

Refuerza lo aprendido con lecturas, ejercicios y retos reales

Preguntas frecuentes de los cursos de Platzi

La suscripción hace cobros automáticos a tu tarjeta cada año a menos que suspendas tu cuenta. Esto lo puedes hacer desde mi suscripción, donde también encontrarás tu historial de pagos y podrás descargar tu facturas.
Al finalizar las clases publicamos un examen de certificación. Los alumnos aprueban con 90% de calificación o más. El certificado demuestra que has aprendido y comprendido exitosamente los temas vistos. Si pierdes el examen puedes reintentarlo cada 6 horas
Los cursos son online y todo está disponible 24/7 en la plataforma, además tenemos una aplicación móvil donde puedes descargar los contenidos para verlos offline. Más que materiales para descargar, la experiencia Platzi está construida para que la disfrutes al iniciar tu sesión. Te esperamos.
Este curso forma parte de:
Frontend con React.JS
Carrera de Frontend con React.JS