Qué necesitas para este curso y qué aprenderás sobre React.js

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!