Controlando el estado de las llamadas a la API con Redux

Cómo realizar llamadas a una API controlando su estado con Redux

Image for post
Image for post
React + Axios + Redux

Introducción

Requisitos previos

Los estados de una llamada

Un ID para cada request

1. Reducer para las apiRequests

2. Action creators

3. Thunk para cancelar una llamada

4. Creando una request

Request.js
Create Request Thunk

Muy bien… ¿pero cómo uso esto?

Cancelando una llamada

componentWillUnmount() {  const { cancelRequestThunk } = this.props;  cancelRequestThunk(requestIds.GET_POSTS);}

Conclusiones y mejoras

¿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