¿Qué aprenderás en el Curso Profesional de React Hooks?

¿Qué son los React Hooks y cómo cambian el desarrollo con React?

useState: estado en componentes creados como funciones

useEffect: olvida el ciclo de vida, ahora piensa en efectos

useContext: la fusión de React Hooks y React Context

useReducer: como useState, pero más escalable

¿Qué es memoization? Programación funcional en JavaScript

useMemo: evita cálculos innecesarios en componentes

useRef: manejo profesional de inputs y formularios

useCallback: evita cálculos innecesarios en funciones

Optimización de componentes en React con React.memo

Custom hooks: abstracción en la lógica de tus componentes

Third Party Custom Hooks de Redux y React Router

Proyecto: análisis y retos de Platzi Conf Store

Git Hooks con Husky

Instalación de Webpack y Babel: presets, plugins y loaders

Configuración de Webpack 5 y webpack-dev-server

Configuración de Webpack 5 con loaders y estilos

Loaders de Webpack para Preprocesadores CSS

Flujo de desarrollo seguro y consistente con ESLint y Prettier

Arquitectura de vistas y componentes con React Router DOM

Maquetación y estilos del home

Maquetación y estilos de la lista de productos

Maquetación y estilos del formulario de checkout

Maquetación y estilos de la información del usuario

Maquetación y estilos del flujo de pago

Integración de íconos y conexión con React Router

Creando nuestro primer custom hook

Implementando useContext en Platzi Conf Merch

useContext en la página de checkout

useRef en la página de checkout

Integrando third party custom hooks en Platzi Conf Merch

Paso a paso para conectar tu aplicación con la API de PayPal

Integración de pagos con la API de PayPal

Completando la integración de pagos con la API de PayPal

Paso a paso para conectar tu aplicación con la API de Google Maps

Integración de Google Maps en el mapa de checkout

Creando un Custom Hook para Google Maps

Continuous integration y continuous delivery con GitHub Actions

Integración de React Helmet para mejorar el SEO con meta etiquetas

Análisis de performance con Google Lighthouse

Convierte tu aplicación de React en PWA

Crea una API con Strapi CMS y consúmela con React.js

Próximos pasos para especializarte en frontend