React > Sesión 06: Peticiones HTTP y Custom Hooks
- Realizar peticiones HTTP con React y el hook useEffect
- Manejar errores HTTP
- Crear hooks personalizados
Antes de empezar asegúrate de contar con un proyecto de Firebase listo. Puedes consultar una guía rápida aquí.
Existen varias librerías que nos ayudan con las peticiones HTTP y que se acoplan muy bien con React. Axios es un ejemplo de una librería muy popular para realizar peticiones HTTP. Como no queremos enfocarnos en los detalles de otras librerías, en esta sesión trabajaremos con la API Fetch nativa de JavaScript.
Ya vimos cómo hacer una petición HTTP usando fetch y un event handler. En ocasiones necesitamos realizar una petición HTTP al momento de renderizar o cargar un componente, para esto podemos apoyarnos del hook useEffect que como sabes nos sirve para trabajar con efectos secundarios, recuerda que las peticiones HTTP se consideran efectos secundarios.
Hasta ahora hemos usado distintos hooks que ya vienen con React, además de estos hooks React nos permite crear nuestros propios hooks con la lógica que necesitemos.