React JS. Hooks y llamadas a las API’s

Cómo realizar llamadas a API’s externas empleando fetch y los hooks de React

Image for post
Image for post
Photo by Jez Timms on Unsplash

El hook useFetch

Image for post
Image for post
Image for post
Image for post

Realizar una llamada GET para recuperar una lista de usuarios

Image for post
Image for post
useEffect(
function () {
fetchUsers({
url: "https://reqres.in/api/users",
method: "GET"
});
},
[fetchUsers]
);

Realizar una llamada POST para crear un usuario

Image for post
Image for post
function handleSubmit(event) {
event.preventDefault();
postUser({
url: "https://reqres.in/api/users",
method: "POST",
body: JSON.stringify({ name, job })
});

}

Paginación

Image for post
Image for post

¿Dudas con el hook useEffect?

Conclusiones

¿Quieres recibir más artículos como este?

Entre paseo y paseo con Simba desarrollo en Symfony y React

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store