Curso de React Avanzado
Curso
Virtual
¿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
Sí
-
Servicio de consultas
Sí
-
Clases virtuales
Sí
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
Inicio
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)
Opiniones
Materias
- Testing
- Router
- Prerrequisitos
- Tecnologías
- Usaremos
- Bienvenida
- Repositorio
- Instalando
- Webpack
- Clonando
- Instalación
Programa académico
Introducción al curso avanzado de React
- Bienvenida al curso y prerrequisitos
- Proyecto y tecnologías que usaremos
- Clonando el repositorio e instalando Webpack
- Instalación de React y Babel
- Linter, extensiones y deploy con Now
- ¿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
- ¿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
- ¿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
- ¿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
- 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
- Ú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
- ¡Felicidades!
¿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