Curso de React Avanzado

Curso de React Avanzado

Crea aplicaciones móviles en ReactJS. Genera consultas en GraphQL y gestiona usuarios. Implementa Testing básico con Cypress y convierte tus apps en PWA con herramientas como Hooks, React Apollo, Reach Router y JSON Web Tokens.

Regístrate en Platzi

Estados unidos

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

Introducción al curso avanzado de React

Bienvenida al curso y prerrequisitos
Proyecto y tecnologías que usaremos

Preparando el entorno de desarrollo

Clonando el repositorio e instalando Webpack
Instalación de React y Babel
Zeit es ahora Vercel
Linter, extensiones y deploy con Now

Creando la interfaz con styled-components

¿Qué es CSS-in-JS?
Creando nuestro primer componente: Category
Creando ListOfCategories y estilos globales
Usar información real de las categorías
Creando PhotoCard y usando react-icon
SVGR: de SVG a componente de ReactJS
Creando animaciones con keyframes

Hooks

¿Qué son los Hooks?
useEffect: limpiando eventos
useCategoriesData
Usando Intersection Observer
Uso de polyfill de Intersection Observer e imports dinámicos
Usando el localStorage para guardar los likes
Custom Hooks: useNearScreen y useLocalStorage

GraphQL y React Apollo

¿Qué es GraphQL y React Apollo? Inicializando React Apollo Client y primer HoC
Parámetros para un query con GraphQL
Usar render Props para recuperar una foto
Refactorizando y usando variables de loading y error
Usando las mutaciones con los likes

Reach Router

¿Qué es Reach Router? Creando la ruta Home
Usando Link para evitar recargar la página
Creando la página Detail
Agregando un NavBar a nuestra app
Estilando las páginas activas
Rutas protegidas

Gestión del usuario

Introducción a React.Context
Creación del componente UserForm; y Hook useInputValue
Estilando el formulario
Mutaciones para registro
Controlar estado de carga y error al registrar un usuario
Mutaciones para iniciar sesión
Persistiendo datos en Session Storage
Hacer like como usuario registrado
Mostrar favoritos y solucionar fetch policy
Cerrar sesión

Mejores prácticas, SEO y recomendaciones

Últimos retoques a las rutas de nuestra aplicación
React Helmet
Midiendo el performance de nuestra app y usando React.memo()
React.lazy() y componente Suspense
Usando PropTypes para validar las props
PWA: generando el manifest
PWA: soporte offline
Testing con Cypress

Conclusiones

¡Felicidades!
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.

Basic
Expert
Expert+

$25

dólares

al mes

Un pago anual de$299

Ahorras $49 al año vs. Basic

  • Feature
    Acceso a la Escuela de Negocios
  • Feature
    Expert para 2 personas
  • Feature
    Acceso a la Escuela de Inglés y Taller de Creación de Startups
  • Feature
    Mentorías semanales en grupo y en vivo
  • Feature
    Descarga tus clases con la App para estudiar sin conexión
  • Feature
    Acceso VIP a PlatziConf, online y presencial
  • Feature
    Envío de diploma de certificación físico de las Escuelas aprobadas
  • Feature
    Participa en Platzi Demo Day con tu Startup
  • Feature
    Acceso a los nuevos cursos 48 horas antes de su lanzamiento (pronto)
  • Feature
    Desafíos y retos verificados por escuela (pronto)
  • Feature
    Clases en Full HD para toda conexión (pronto)
  • Feature
    App para iOS y Android con funciones exclusivas, cursos en audio y más
  • Feature
    Acceso a 600 cursos, 50 Escuelas y sus actualizaciones
  • Feature
    El precio del plan nunca subirá mientras mantengas tu suscripción activa
  • Feature
    Diploma de certificación digital de las Escuelas y cursos aprobados
  • Feature
    Acceso a la comunidad más grande de profesionales y emprendedores en tecnología de la región

Bandera de tu paísPrecios en dólares

Secure paymentsCompra segura, protegemos tus datos

Múltiples medios de pago

Payment Methods
Elige un plan y empieza a estudiar

Bandera de tu paísPrecios en dólares

Secure paymentsCompra segura, protegemos tus datos

Múltiples medios de pago

Payment Methods
  • Acceso a la Escuela de Negocios
  • Expert para 2 personas
  • Acceso a la Escuela de Inglés y Taller de Creación de Startups
  • Mentorías semanales en grupo y en vivo
  • Descarga tus clases con la App para estudiar sin conexión
  • Acceso VIP a PlatziConf, online y presencial
  • Envío de diploma de certificación físico de las Escuelas aprobadas
  • Participa en Platzi Demo Day con tu Startup
  • Acceso a los nuevos cursos 48 horas antes de su lanzamiento (pronto)
  • Desafíos y retos verificados por escuela (pronto)
  • Clases en Full HD para toda conexión (pronto)
  • App para iOS y Android con funciones exclusivas, cursos en audio y más
  • Acceso a 600 cursos, 50 Escuelas y sus actualizaciones
  • El precio del plan nunca subirá mientras mantengas tu suscripción activa
  • Diploma de certificación digital de las Escuelas y cursos aprobados
  • Acceso a la comunidad más grande de profesionales y emprendedores en tecnología de la región
Basic

$29

Bandera de tu país

al mes

Pagas mes a mes

  • Estudia a tu ritmo
  • App para iOS y Android con contenido exclusivo
  • Diploma de certificación digital
  • Acceso a más de 600 cursos y 50 Escuelas
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Expert

$17

Bandera de tu país

al mes

Un pago anual de$199

Ahorras $149 al año vs. Basic

  • Todos los beneficios de Basic
  • Acceso exclusivo a la Escuela de Inglés
  • Descarga clases con la App y estudia sin conexión
  • Diploma de certificación físico de las Escuelas aprobadas
  • El mejor precio / beneficio
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Expert+

$25

Bandera de tu país

al mes

Un pago anual de$299

Ahorras $49 al año vs. Basic

  • Todos los beneficios de Expert
  • Agrega a una persona a tu plan como beneficiario
  • Acceso exclusivo a la Escuela de Negocios
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Solo este curso

$49Bandera de tu país

1 solo curso, 1 solo pago

Comprar curso

Platzi para empresas

¿Necesitas capacitación para tu empresa?
Tenemos planes especiales. Conócelos en:

platzi.com/empresas

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

Jose Luis Perez
Jose Luis Perez

Excelente el profesor. La forma de explicar es sencilla de conceptos avanzados.

Sixto Ortega
Sixto Ortega

Excelenteeeeee el curso 5 estrellas para Platzi y midudev

Victor Martin Ortiz Palacio
Victor Martin Ortiz Palacio

Excelente curso, explicaciones bien detalladas, sin dudas queda muchas herramientas por aprender. Muchas gracias Miguel.

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.