Estudio de Immutable.js

• Estructuras de datos inmutables
• Eficiencia en la creación de nuevas
• Facilita el manejo de estado

• Estado en aplicaciones React
• Lógica de negocio compleja
• Pureza funcional

Instalación: npm i immutable

import { Map } from 'immutable';
const m = Map({ a: 1 });
console.log(m.set('a', 2).get('a')); // 2

1. Map con merge

Fusiona objetos sin mutar el original.

import { Map } from 'immutable';

const base = Map({ nombre: 'Ana', edad: 28 });
const nueva = base.merge({ edad: 29, ciudad: 'Medellín' });
console.log(base.get('edad'));    // 28 (no cambió)
console.log(nueva.toObject());    // { nombre, edad: 29, ciudad }

2. List inmutable

Añade y elimina de una lista devolviendo copias.

import { List } from 'immutable';

let lista = List([1, 2, 3]);
lista = lista.push(4).filter(n => n !== 2);
console.log(lista.toArray()); // [1, 3, 4]