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 a Platzi

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
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.

Elige un plan y empieza a estudiar

Platzi Expert
Platzi Basic
Solo este curso
dólares

$25 / mes

En un solo pago de $299
  • Accedes a más de 300 cursos y 50 carreras
  • 9 cursos exclusivos
  • Clases en vivo o a tu ritmo con profesores y mentores
  • Estudia donde quieras en la web o en tu teléfono
  • Certificados digitales de los cursos que apruebas
  • Recibe los certificados de tus carreras, vivas donde vivas
  • Acceso a las actualizaciones de todos los cursos
  • Pago con tarjetas de crédito o débito
  • Pago en depósito, Paypal y otros métodos
  • Entrada exclusiva al Taller de Creación de Startups
  • Entrada preferencial a PlatziConf en todo el mundo
  • Descarga los cursos offline con la app de iOS o Android
Qué obtienes
  • Accedes a más de 300 cursos y 50 carreras
  • 9 cursos exclusivos
  • Clases en vivo o a tu ritmo con profesores y mentores
  • Estudia donde quieras en la web o en tu teléfono
  • Certificados digitales de los cursos que apruebas
  • Recibe los certificados de tus carreras, vivas donde vivas
  • Acceso a las actualizaciones de todos los cursos
  • Pago con tarjetas de crédito o débito
    0-con tarjetas de crédito o débito
    1-con tarjetas de crédito o débito
    2-con tarjetas de crédito o débito
  • Pago en depósito, Paypal y otros métodos
    0-en depósito, Paypal y otros métodos
    1-en depósito, Paypal y otros métodos
  • Entrada exclusiva al Taller de Creación de Startups
  • Entrada preferencial a PlatziConf en todo el mundo
  • Descarga los cursos offline con la app de iOS o Android

Recomendado

Platzi Expert

$25

Bandera de tu país

dólares al mes

En un solo pago de $299

Platzi Basic

$39

Bandera de tu país

dólares

Pagas mes a mes

Solo este curso

$49

Bandera de tu país

dólares

1 solo curso, 1 solo pago

¿Necesitas capacitación para tu empresa? Tenemos planes especiales. Conócelos en platzi.com/empresas

Cursos exclusivos de Platzi Expert

Taller de creación de Startups
Taller de creación de Startups
Introducción a la Creación de Empresas y Startups
Introducción a la Creación de Empresas y Startups
Curso de Inglés Técnico para Profesionales
Curso de Inglés Técnico para Profesionales
Curso de Gestión Financiera para Startups-2017
Curso de Gestión Financiera para Startups-2017
Cómo conseguir trabajo en Programación
Cómo conseguir trabajo en Programación
Curso de Internacionalización para Startups
Curso de Internacionalización para Startups
Curso de Inglés Básico para Principiantes
Curso de Inglés Básico para Principiantes
Curso de Inglés Básico: Gramática
Curso de Inglés Básico: Gramática
Curso de Inglés Básico: Conversación
Curso de Inglés Básico: Conversación

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

Hector Jose Flores Colmenarez
Hector Jose Flores Colmenarez

Excelente curso de react avanzado, muchos cursos más como estos por favor :)

JavierPoduje
JavierPoduje

Muy bueno el curso y el profesor. La prueba, eso sí, fueron preguntas demasiado específicas para mi gusto, pero todo bien.

Byron Miguel Piedrahita Hernandez
Byron Miguel Piedrahita Hernandez

Exente curso me gusto mucho y despertó en mi el interés de seguir aprendiendo Node y PWA

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