Curso de React Avanzado
Con este curso podrás:
Preparar un bundle para enviar a producción con Webpack
Crear Styled-components para estructurar tu app
Utilizar React Hooks
Generar consultas con GraphQL
Gestionar Usuarios
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
¡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
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
El 80% de nuestros estudiantes obtienen un mejor empleo
Enfoque
Cumple tus objetivos con nuestra metodología de aprendizaje
Diploma de certificación
Tendrás un diploma de certificación al aprobar un curso o una carrera
App y contenido offline
No interrumpas tu aprendizaje, sigue aprendiendo mientras te mueves
Mentoría permanente
Acompañamos tu proceso de aprendizaje respondiendo todas tus dudas
Material exclusivo
Refuerza lo aprendido con lecturas, ejercicios y retos reales
Preguntas frecuentes de los cursos de Platzi
