Зачем иммутабельное изменение состояние в React

Иммутабельное изменение состояния в React важно по нескольким причинам:

1. Оптимизация производительности – React использует shallow сравнение для определения изменений. Если объект/массив изменяется мутабельно, React может не обнаружить изменения и пропустить ререндер.

2. Предсказуемость – Иммутабельность делает поток данных более понятным, так как состояние не меняется неожиданно в разных частях приложения.

3. Отладка – Легче отслеживать изменения, когда каждое изменение создаёт новый объект.

Пример:

// Плохо (мутация)
const [user, setUser] = useState({ name: 'Alex' });
user.name = 'Max'; // Мутация!
setUser(user); // React может не заметить изменения

// Хорошо (иммутабельно)
setUser(prev => ({ ...prev, name: 'Max' }));

Для работы с иммутабельными структурами удобно использовать spread-оператор или библиотеки типа Immer.