¿De verdad necesitas useEffect para eso?

En este vídeo sobre ReactJS plantearé varios casos en los que no es necesario recurrir al hook useEffect para implementar una funcionalidad.

👨🏼‍💻 Apóyame en Patreon:   / latteandcode  
💛 Los amigos de Garaje de ideas patrocinan Latte and Code y buscan talento: http://bit.ly/garaje-tech-talento
☕️ Invítame a un cafelito: https://www.buymeacoffee.com/latteand...
🔗 https://react.dev/learn/you-might-not...

Este vídeo está inspirado en el artículo "You Might Not Need an Effect" de la documentación de React, en el que se repasan varias situaciones en las que emplear el hook useEffect no es necesario.

[00:00] Introducción
[01:21] Propiedad key
[06:21] Cómo evitar renders innecesarios con useEffect y fetch
[09:56] Qué sucede si invocamos setState en el cuerpo del componente

En este vídeo sobre React, veremos cómo podemos emplear la propiedad "key" de los componentes para resetear el estado en vez de recurrir al hook useEffect para ello. Esto nos permitirá ahorrarnos renders innecesarios y mejorar el rendimiento de nuestra aplicación.

También aprenderemos a evitar renders innecesarios cuando consumimos una API mediante fetch y useEffect, evitando lanzar renders que no aportan información al usuario.

Y, finalmente, veremos que contra la idea común, no hay problema en invocar setState en el cuerpo del componente para actualizar el estado. Eso sí, tendremos que tener cuidado en no provocar un bucle infinito.

💛 ¡Espero que os guste!