Что такое immutability?

Иммутабельность в JavaScript — это концепция программирования, согласно которой созданный объект, массив или примитив не может быть изменен после своего создания. Если разработчику требуется обновить какие-то данные в таком объекте, он не производит мутацию исходного состояния напрямую.

Вместо этого создается абсолютно новый объект, в который копируются старые свойства и перезаписываются только те поля, которые требуют изменений. На практике это реализуется с помощью оператора распространения.

Для этого используется простой синтаксис вида const newObj = { ...obj, key: newVal }, который позволяет собрать новый объект за доли секунды. При этом старый объект сохраняется в неизменном виде для истории состояний или отладки.

Ручное создание глубоких копий сложных структур данных может быть утомительным и подверженным ошибкам, поэтому для удобства разработчики часто используют специализированные библиотеки. Отличным примером является библиотека Immer, которая позволяет писать код так, будто вы изменяете данные напрямую, но под капотом создает иммутабельные копии.

Соблюдение принципа иммутабельности критически важно для современных библиотек и фреймворков управления состоянием, таких как React и Redux. Именно неизменяемость данных позволяет компонентам мгновенно и без лишних затрат определять факт изменения состояния, сравнивая ссылки на объекты, что напрямую влияет на скорость рендеринга и стабильность пользовательского интерфейса.