¿Qué son los efectos secundarios en el contexto de la programación?

Un efecto secundario es un cambio en el estado visible de un programa que ocurre fuera del valor de retorno de una función.

Los principales tipos de efectos secundarios:

• Modificación de variables globales o el estado de objetos.
• Entrada/salida de datos (leer desde un archivo, escribir en la consola, solicitudes de red).
• Cambio en el contenido de una base de datos.
• Lanzamiento de una excepción que no se maneja dentro de la función.
• Cambio en el árbol DOM en el navegador.
• Llamada a otras funciones con efectos secundarios.

Ejemplo de una función pura (sin efectos secundarios):

// La función solo suma dos números y devuelve el resultado
function add(a, b) {
  return a + b;
}

Ejemplo de una función con efecto secundario (cambio en una variable global):

let total = 0;

// La función suma un valor y modifica la variable global
function addToTotal(value) {
  total += value; // Efecto secundario: cambio en la variable global
  return total;
}

Impacto de los efectos secundarios:

• Dificultan las pruebas.
• Complican la ejecución paralela del código debido a posibles condiciones de carrera.
• Hacen que el código sea menos predecible y más difícil de entender.
• Pueden violar los principios de la programación funcional.

En el desarrollo frontend, los efectos secundarios a menudo están relacionados con:

• Manipulación del DOM.
• Solicitudes HTTP.
• Operaciones con Local Storage o Session Storage.
• Trabajar con APIs de terceros.

La gestión de efectos secundarios es una tarea importante en la construcción de aplicaciones confiables y mantenibles. Patrones como Redux (que enfatiza la gestión predecible del estado y la separación de efectos secundarios en acciones/sagas), o el uso de funciones puras cuando sea posible, ayudan a minimizar su impacto negativo.