Curso de React Avanzado

Curso

Virtual

Precio a consultar

Llama al centro

¿Necesitas un coach de formación?

Te ayudará a comparar y elegir el mejor curso para ti y a financiarlo en cómodas cuotas mensuales.

Descripción

  • Tipología

    Curso

  • Nivel

    Nivel intermedio

  • Metodología

    Virtual

  • Duración

    Flexible

  • Inicio

    Fechas disponibles

  • Campus online

  • Servicio de consultas

  • Clases virtuales

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.

Sedes y fechas disponibles

Ubicación

Inicio

Virtual

Inicio

Fechas disponiblesInscripciones abiertas

A tener en cuenta

Preparar un bundle para enviar a producción con Webpack
Utilizar React Hooks
Gestionar Usuarios
Crear Styled-components para estructurar tu app
Generar consultas con GraphQL
Crear Aplicaciones Web Progresivas (PWAs)

Preguntas & Respuestas

Añade tu pregunta

Nuestros asesores y otros usuarios podrán responderte

¿Quién quieres que te responda?

Déjanos tus datos para recibir respuesta

Sólo publicaremos tu nombre y pregunta

Opiniones

Materias

  • Testing
  • Router
  • Prerrequisitos
  • Tecnologías
  • Usaremos
  • Bienvenida
  • Repositorio
  • Instalando
  • Webpack
  • Clonando
  • Instalación

Programa académico

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!

Llama al centro

¿Necesitas un coach de formación?

Te ayudará a comparar y elegir el mejor curso para ti y a financiarlo en cómodas cuotas mensuales.

Curso de React Avanzado

Precio a consultar