Ejercicio API

Vamos a crear una API en c# para que nuestro ejercicio de personas obtenga los datos de ahí.

Sólo tendremos una tabla: Users

Con los datos solicitados en el ejercicio anterior: Foto, nombre completo, mail y dirección

La foto es un enlace (podemos usar los de randompeople o los nuestros propios)

Modificaremos nuestra api redux para que se conecte a la API y comprobemos que está bien

Ejercicio react redux thunk

Utilizando la api de generar personas:

https://randomuser.me/documentation

Vamos a crear una aplicación de react con redux que utilice thunk que se irá componiendo de las siguientes fases:

Fase 1: Nos buscará 1 usuario y nos mostrará los siguientes datos: Foto, nombre completo, mail y dirección

Fase 2: Añadir un botón que nos cargue otro usuario al azar.

Fase 3: Al lado del botón tener un input en el que podamos indicar la cantidad de usuarios que queremos retornar.

Fase 4: Añadir al lado del botón si queremos hombres, mujeres o todos.

Fase 5: Añadir al lado un combobox con todas las nacionalidades o escoger alguna de las que nos permite la api

¡Ánimo!

Podemos pasar parámetros a las acciones de thunk.

Enlaces React-Redux

Ejemplo de Crud en castellano (es traducción de otro artículo):

https://www.ma-no.org/es/programacion/javascript/ejemplo-completo-de-crud-con-redux-y-react

Guía definitiva que incluye muchas cosas y está muy bien explicada:

https://www.valentinog.com/blog/redux/

Ejemplo de Redux con un enlace diferente entre el store y las props:

Redux example

Una aplicación sencilla con react y redux:

https://dev.to/creativetim_official/how-to-use-redux-in-reactjs-with-real-life-examples-4gog

Diferentes maneras de hacer dispatch de acciones en react-redux:

https://www.pluralsight.com/guides/different-ways-to-dispatch-actions-with-redux

Middlewares en react:

https://www.metaltoad.com/blog/overview-redux-middleware-react-applications

Tutorial completo React+Redux:

https://medium.appbase.io/part1-getting-started-with-react-and-nextjs-4f28a6a0c38e

Tutorial completo redux:

https://developer.okta.com/blog/2019/03/18/beginners-guide-to-redux

Consejos para mejorar rendimiento:

https://itnext.io/3-small-tips-for-better-redux-performance-in-a-react-app-9cde549df6af

Tutorial:

https://www.creative-tim.com/blog/tutorial/reactjs-redux-tutorials/

React-redux + hooks:

https://thoughtbot.com/blog/using-redux-with-react-hooks

Tutorial Redux:

https://www.tutorialspoint.com/redux/index.htm

React tutorial con redux:

https://www.javatpoint.com/react-redux-example

Introducción bien explicada de react+redux:

https://medium.com/javascript-in-plain-english/the-only-introduction-to-redux-and-react-redux-youll-ever-need-8ce5da9e53c6

Redux crud example:

https://www.techandstartup.com/tutorials/react-redux-crud-app

Crear un CRUD en 5 minutos:

Fullstack CRUD:

https://medium.com/swlh/fullstack-crud-application-using-fastify-react-redux-mongodb-part-1-9e8df39c6fff