Tutoriales Razor
Utilizar la API del navegador para hablar
Un tutorial muy completo:
https://www.jasoft.org/Blog/post/como-hacer-hablar-a-tu-navegador-la-api-de-sintesis-de-voz.aspx
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
Página expresiones regulares
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.
Redux thunk
Middleware en redux
Ejercicio simple: Minicalculadora
Vamos a hacer un ejercicio muy sencillo, una minicalculadora con dos inputs, un resultado y cuatro botones para las operaciones.
Num1:[] Num2[]
[+] [-] [*] [/]
Resultado: xx
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:
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:
Redux crud example:
https://www.techandstartup.com/tutorials/react-redux-crud-app
Crear un CRUD en 5 minutos:
Fullstack CRUD: