Consumir API con React + Redux

En este tutorial aprenderemos a consumir una restfull api en un proyecto con React y Redux. Crearemos una aplicación para mostrar un listado de posts, ademas de poder agregar, modificar y eliminar posts.

¿Qué necesitamos para comenzar?

• Conocer y saber utilizar ES6

• Conocimientos básicos de React

• Conocimiento básico de redux

• Node.js >=v6 en tu computadora

Partiremos de un repositorio que tiene ya una página para mostrar posts y nosotros solo agregaremos la funcionalidad de consultar los posts desde la api de jsonPlaceholder.

$ git clone https://github.com/Clau8a/redux-ejemplo.git nombre_proyecto

Instalaremos las dependencias necesarias:

$ npm i redux react-redux redux-thunk

Correremos nuestra aplicación con:

$ npm run start

Si quieres ver el código completo puedes verlo en la rama solution:

$ git checkout solution