Одна ошибка при клонировании — просадка всего приложения?

Описание: Самая дорогая ошибка при копировании объектов в JavaScript
   • Одна ошибка при клонировании — просадка вс...  

В этом видео разбираем копирование объектов в JavaScript и сравниваем разные способы клонирования данных.
Вы узнаете, чем отличается поверхностное копирование (shallow copy) от глубокого копирования (deep clone) и почему одна ошибка при копировании объектов может сильно ударить по производительности React приложения.

Мы разберём популярные способы копирования объектов в JavaScript:
• spread оператор
• Object.assign()
• JSON.stringify / JSON.parse
• structuredClone()
• кастомный deep clone

Я проведу бенчмарки производительности, чтобы показать:
— какой способ копирования работает быстрее
— какой способ самый медленный
— где глубокое копирование действительно необходимо
— когда deep clone превращается в дорогую ошибку

В конце видео мы рассмотрим реальный пример на React, где глубокое копирование данных приводит к массовым перерисовкам компонентов и просадке производительности интерфейса.

Если вы работаете с JavaScript, TypeScript, React или Node.js, важно понимать как работает копирование объектов и какие последствия это может иметь.
Это знание поможет избежать проблем с производительностью и лишних ререндеров в React приложениях.

Таймкоды:
00:00 Вступление и план видео
00:21 Вспомним теорию
00:48 Spread оператор
01:13 Вложенные поля и Object.assign
02:10 Глубокий клон через Spread
03:10 Метод JSON.stringify / parse
04:13 Разбор structuredClone
04:54 Тесты производительности
06:55 Результаты бенчмарков
08:18 Почему клон ломает React-оптимизацию
10:13 Выводы