Самая дорогая ошибка при копировании объектов в JavaScript скачать в хорошем качестве

Самая дорогая ошибка при копировании объектов в JavaScript

В этом видео разбираем копирование объектов в JavaScript и сравниваем разные способы клонирования данных. Вы узнаете, чем отличается поверхностное копирование (shallow copy) от глубокого копирования (deep clone) и почему одна ошибка при копировании объектов может сильно ударить по производительности приложения. Мы разберём популярные способы копирования объектов в 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 Выводы