Efectos en React

Antes de considerar la aplicación del hook useEffect, necesitamos comprender, qué son los efectos en React.

Efectos o efectos secundarios (side effects) - son acciones adicionales que permiten a un componente conectarse y sincronizarse con sistemas externos.

Por sistemas externos se entienden aquellos fragmentos de código o aplicación, que no están controlados por React. Aquí se implica el trabajo con la red, el DOM del navegador, animación, widgets escritos utilizando bibliotecas UI de terceros, y otras aplicaciones, creadas no en React.

Los efectos permiten ejecutar código después de la renderización, dando así la posibilidad de sincronizar tu componente con tales sistemas fuera de React.

Los efectos pueden ejecutarse en los momentos de la primera representación del componente, en el momento del cambio del valor observado o cuando el ciclo de vida del componente ha terminado.

Hay que recordar que los efectos son una especie de escotilla de emergencia de React, no hay que abusar de ellos.