El hook useImmer. Estados inmutables con Immer #reactjs #reactjstutorial #reactnative

Vídeo sobre ReactJs para introduciros los hooks useImmer y useImmerReducer basados en la librería ImmerJS: perfectos para trabajar con estados complejos! 💛 Los amigos de Garaje de ideas patrocinan Latte and Code y buscan talento: http://bit.ly/garaje-tech-talento 👨🏼‍💻 Apóyame en Patreon: https://www.patreon.com/latteandcode ☕️ Invítame a un cafelito: https://www.buymeacoffee.com/latteandcode En este nuevo vídeo sobre ReactJS quiero hablaros sobre la librería useImmer. Esta librería, basada en la popular ImmerJS, nos proporciona los hooks useImmer y useImmerReducer los cuales nos facilitarán mucho el trabajo a la hora de trabajar con estados complejos. [00:00] Introducción [01:00] El hook useState [03:50] El hook useImmer [06:10] El hook useImmerReducer Si alguna vez has tenido que trabajar con un objeto complejo dentro del hook useState, sabrás lo tedioso que resulta actualizar propiedades anidadas mediante la función setState. Lo mismo sucede con la función reductora del hook useReducer. Al final, terminamos o bien separando el estado, o bien sobreempleando el operador spread. El hook useImmer (y su homólogo useImmerReducer) nos permite, gracias a su integración con la librería Immer, simplificar la actualización de las propiedades anidades de los objetos, de modo no sea necesario recurrir al operador spread para ello. En este vídeo os mostraré la forma en que podemos usar ambos hooks para actualizar las propiedades anidadas de un objeto. 💛 ¡Espero que os guste!