46 - React JS практика - копия глубокая vs поверхностная (deep copy vs shallow copy)

🚀Стань квалифицированным разработчиком за 9+ месяцев с трудоустройством в IT -INCUBATOR:
Front-end
it-incubator.io/front-end/?ut...
Back-end
it-incubator.io/back-end/?utm...
Поддержать меня можно на patreon / itkamasutra или оформив спонсорство на данном канале.
Помогайте друг другу вот здесь: t.me/reactjs_samurai
Поверхностная копия, которую мы делаем с помощью оператора распространения - spread operator), не совсем та копия, которая, нам нужна. Так как мы с вами проповедуем функциональное программирование, нам нужно копировать объекты так, чтобы внося изменения в копию, мы не затрагивали ихсодный объект (так называемая неизменяемость - имьютабельность - immutablility)
В данном уроке мы рассмотрим, что как и почему ;)
Уроки по React JS: • Курс "React JS - путь ...
* Сайты:
it-kamasutra.com
it-incubator.eu
samuraijs.com
* Мы в соц. сетях:
itkamasutra
/ itkamasutra
telegram.me/itkamasutra
* Мои личные VK и Insta:
d.kuzyuberdin
/ it.kamasutra.dimych
#reactJS #практика #примеры #уроки #курс

[@user-ep1ny3qq9g]

Фраза "важнейшая херня, ..." - реально прорыв в педагогике)))

[@user-pn2er2sn2e]

А есть еще "Неведомая херня..." - частое явление в программировании)))

[@andranikmkhitaryan9914]

@@user-pn2er2sn2e ))))))

[@MikhailKuklenkov]

Дима просто блещет такими фразами, гораздо круче воспринимается материал)

[@antonsydorovych1981]

отдельное спасибо за чёрный фон :)

[@ITKAMASUTRA]

Силы зла победили)

[@braivs]

@@ITKAMASUTRA черный это не зло) Это силы тьмы, те кто не спят ночью, а днем отсыпаются.

[@stanislavaksenov9000]

Вообще говоря, существуют серьезные исследования (ссылки не дам), которые говорят что темных тем нужно избегать - они отрицательно сказываются на психике, располагают к депрессиям, и это просто для глаз вредно. Так что никому не рекомендую использовать темные темы.

[@braivs]

@@stanislavaksenov9000 Исследования на то и исследования, что можно доказать и то и обратное. В плане депрессии и психики осознаю, что всё зависит от субъективного восприятия. Можно и на острове в тепле быть грустным, если внутри пустота. А в коде главное вовлечение в процесс. Если интересно, то радостно и со светлой и с тёмной темой одинаково. А цвета лишь разнообразие.

[@whicencer8819]

@@braivs ночью нужно спать. Именно поэтому пишу в час ночи

[@user-bx7ly2th3b]

о божечки, наконец-то темный интерфейс в программе!!!

[@andreiBylkin]

ууррааааааааааааааааааааааааааааааааааааааа, ждаж этого еще с первого выпуска!!!! )))

[@whicencer8819]

я раньше хейтил всех со светлой темой. После уроков димыча сам себе поставил светлую тему в вебшторме

[@user-vd6eg5ke7i]

светлая тема с минимум синих тонов оказывает наименьшее влияние на зрение. привыкнуть просто надо

[@user-bx7ly2th3b]

@@user-vd6eg5ke7i я устал от нотепад++ так что черная тема мне по кайфу щас

[@hennadiipetrov1967]

Сценарий как в настоящем сериале)) есть проблема, и она раскрывается через несколько серий) интрига зашкаливает))) Спасибо, Димыч)

[@StanislavObrazcoff]

Можно применить аналогию с домами: есть два одинаковых дома, построенных по одному плану и полностью внутри одинаковые, но адрес у домов разный. Практически тоже самое с объектами. При прямом сравнении мы начинаем сравнивать с адреса. А вот уже примитивные типы не смотрят на адрес, как бы ставят рядом два стола или стула и сравнивают как есть.

[@uomoandre]

Дима, отличнейший урок, не потерявший свою актуальность и в 2023 году. Спасибо тебе огромное. Тебе и всем твоим ребятам. Летим 🚀🚀🚀

[@user-nk1tz2xm3f]

Первый урок посмотрели более 100 000 раз , 46й чуть более 21 тысячи . Настолько детально сделанный курс навряд на просторах СНГ возможно найти с учётом курсов за все деньги мира

[@kub1k]

Спасибо за уроки! teatcher == учитель = false учитель == teacher = true

[@dw_tv3992]

результат сравнения лучше за комментарии прятать

[@yphwd4677]

бригаду

[@dw_tv3992]

@@yphwd4677 он написал результат выражения (начиная с одинарного знака =) а это вычисление делает комп, поэтому ожидаемый результат надо писать в кавычках, если такой имеется в условном тесте

[@sarg22]

Спасибо, что продолжаете отличный курс!!!Буду весьма признателен, если вы доведёте его до конца, Дмитрий!

[@user-fo9zb9dh8b]

В Димыче я не сомневаюсь. А вот нам как дойти...

[@Inviduschannel]

Вот теперь стало понятнее, спасибо, Димыч) deep copy, shallow copy, spread operator

[@aymkin]

Спасибо, с копированием объектов был знаком - еще раз повторил, спасибо. Дума в начале что это изи, однако после понятия глубокого копирования - вау! бум!

[@RadCor]

Наконец я понял что делает спрэд оператор, спасибо)

[@cobwowcobwow6331]

Офигенное видео, люблю узнавать детали языка js. Про ссылки знал, а про спред нет)

[@user-mn2po8ns2z]

книшку попробуй почетать

[@N.nikolaev_]

@@user-mn2po8ns2z и тебе... желательно по русскому..

[@user-mn2po8ns2z]

@@N.nikolaev_ ебаать, та ну я шо обшибсе где-то? мож запятая или ещё че, давай просвяти тёмного, душнила тупая.. пс.. кст совет-то хороший был в книшках кноледжесы!

[@arrowdev1042]

Знал об этом, но повторение - мать учения, и все равно интересно, так как в одном месте по одному рассказывают, в другом другие аналогии, а тут ещё разжевали и с рисунками, спасибо Дима!

[@OrlenokV]

10 лайков! очень хорошо объяснил, спасибо!

[@inexhaustible_ore]

Согласен. Очень хорошее объяснение и еще и с использованием спреда

[@theWorldIsMultivariate]

Огромнейшее спасибо за курс!! Ты помогаешь реализовать мою цель, быть разработчиком!!

[@vladprimakov7409]

Димыч! Это просто разрыв в педагогике по программированию. Всё настолько детально объясняешь! и флэшбэки делаешь постоянно. Лайк, лайк, лайк! спасибо тебе

[@marsonleonardovich4036]

Привет, спасибо за урок! Like!)

[@lomonosov9]

Наконец-то продолжение, ликуем! Спасибо!

[@marina-ej4qd9kc1wh]

4.01.2024. Интересненько, вот и не знала такого. Спасибо, Димыч!

[@mikewazowski7526]

Столько деталей простым и ёмким языком. Спасибо! Сравнение объектов всегда будет true, если у них одна и та же ссылка. Это как сравнить одного и того же человека. А если два объекта и у них ссылки разные - всегда будет false (даже если у них внутренности одинаковые). Это как сравнивать одного Дмитрия и другого Дмитрия. И даже если оба эти объекта пустые. А примитивы сравниваются по значению. let 18 === let 18.

[@yurikorabel5435]

круто. Как все таки приятно даже известные вещи слушать еще раз. Знания прекрасно шлифуются и углубляются, и еще более прочно начинают держаться в голове

[@theWorldIsMultivariate]

Очень понятно и интересно объесняешь, для меня было очень полезно, вообще не знал этого, ещё раз огромнейшее спасибо!!

[@adastraperaspera0264]

Вот это подстава, на многих курсах про это ни слова=)

[@user-san-chous]

нужно еще учебник открывать хоть какой-то)) либо документацию

[@user-qi8ws2se1z]

ну правильно! это же es6. Спред оператор. Синтаксический сахар) чтобы его юзать, нужно знать, как он работает. На курсах объясняют, как он устроен под капотом. А уже сам оператор мы разбираем на курсе у Димыча:)

[@stephencurry8078]

У Лаврика это тема хорошо разжевано

[@__online7250]

Для меня эта тема - копирование объектов, новая. Отлично объяснил!) Все ясно! Благодарствую! Идем дальше!

[@DimTsi]

Спасибо №46 доп мотериал для тех кто не очень знаком с js, хотя людям всё же нужно было сначало js освоить перед реактом)

[@Alex-ge7jt]

Спасибо за продолжение, очень ждали)

[@DanchezHoost]

Ещё есть один вариант, как можно полностью скопировать объект. Попробуй написать let newObject = JSON.parse(JSON.stringify(oldObject)) . Тут главная разница в том, что есть такой формат общения в ооп, как JSON(погуглите, там читать минут 5) и у него есть 2 метода. Допустим до вас приходит объект и вы его можете перевести в строку({num: 2, year: 15, boolean: false} ---> в JSON.stringify(Object) мы получим ---> '{"num": 2, "year": 15, "boolean": false}'), а потом перевести обратно в объект JSON.parse(object). Я обычно так делал и мен этого было достаточно, хотя есть и косяки - при переводе в stringify NaN превращается в null. Вроде это все

[@Stiletto78]

Офигенно все разъяснено. Спасибо огроменное!!!

[@o.t.1934]

огромное спасибо, что делаешь и не бросаешь) это очень важно для нас - начинающих

[@amaxe12345]

Дима, спасибо за урок!

[@user-sg2sx9em5c]

Спасибо! Знал это и так, но полезно было повторить. Лайк) Летим дальше

[@spacerider9426]

Спасибо огромное за твой труд! Смотрю дальше!

[@christinalozovaya5860]

Познавательное видео! Особенно хорошо заходит схематическое разъяснение материала, лайк за это

[@__maxsoul643]

Спасибо за урок, очень познавательно и предельно понятно, это как всегда! )

[@user-ly5ez5ln7y]

easy) спасибо за ваш труд)

[@MrVertu01]

Уже закончил сотку, пересматриваю видео, потому что на другом канале увидел short про копирование и вспомнил этот видос, вот пересматриваю))

[@shamilsalakhutdinov5519]

Круто! Спасибо за ролик! Очень понятные объяснения)

[@alfa_main]

Класс, спасибо за видео, уже подзабыл эту тему, как раз хороший повод вспомнить JS)

[@ritaravinsky8262]

Круто!! Теперь наконец-то стало понятно про копирование объектов!

[@nk_77777]

Димыч, дай Бог тебе здоровья за такие подробные объяснения) Привет из Вторника) Всё чётко и понятно)))🔥🔥🔥

[@user-oo3vu6zl8m]

Спасибо, база знаний пополнена, информация осознана, двигаемся дальше.

[@ctumyji9737]

Спасибо, отличный курс! Отправляемся дальше.

[@demka9796]

Спасибо большое за твой труд! Каждый раз узнаю что-то новое.

[@romanmelnichenko1365]

Бомбический выпуск, спасибо!

[@Napol3691]

Спасибо за подробное объяснение!

[@alexey2769]

Круто, что объясняешь важные фундаментальные вещи из js по ходу курса. Спасибо! Двигаюсь дальше!

[@maxk715]

Так доходчиво объяснять может только человек с преподавательским талантом!

[@user-pb6fu5cx2h]

Спасибо за занятие !

[@eugenmaslov1742]

Очень доходчиво! Спасибо!

[@user-dp8tb6kg6i]

Димыч спасибо! Я наконец-то поняла различие обьекта от примитивных типов. Не знаю правильно ли пишу, но это видео очень сильно мне понравилось, прям поняла про как все это сравнивается не по содержимому , а по ссылке

[@user-bd4lw9hx3s]

Спасибо! Все очень понятно! Особенно полезно, если мало опыта в обычном JS))

[@mszulya4100]

Супер! всё разложил по полочкам!

[@maksym_shkaf]

блин, огромное спасибо. Про копирование знал, но что это только поверхностное, это было для меня открытие! Спасибо! Как всегда на высоте))

[@user-bs5hv4qr2t]

Суперски! Прям, вот в точку! То что нужно! Большое спасибо!

[@vyacheslavpm3779]

Отличный урок! Спасибо Димыч!

[@l.a.work_]

Очень полезный урок!🔥

[@user-yq6ym5uo7m]

Отлично объяснил, все как обычно на высшем уровне.

[@NoName-zh7cc]

Топ контент, бро!!! Темп спал, не все так легко, но я уперто иду дальше!!! Спасибо!!!

[@user-bu3hz5be5w]

Круто! Очень полезный урок даже не с точки зрения React, а в плане JS

[@Sunr1sen2]

Спасибо за курс)

[@user-hg6im5cg2i]

хочется лайк ставить в начале и к в конце видео. Так как уверенность в курс 100%. Спасибо Дима, объяснил очень подробно

[@user-rg8wz2rt9e]

Спасибо, что напомнил. При переходе и уход на php уже подзабыл тонкости. Сам доходил) А тут всё по полочкам, лучшее объяснение. Ждём видео про нейросети!)

[@user-zn7xg7ky6v]

Спасибо, Дима От тебя прямо добро и тепло идет, это чувствуется

[@vvks9901]

Халява ))

[@over_the_top_404]

Димыч, спасибо, всё понятно) Летим дальше!

[@user-dq3rc1xu7b]

Спасибо за напоминалку о копировании объектов!

[@fps404]

это гениально! спасибо за ваш труд!

[@ivanrussui4126]

Спасибо Димыч, очень доступно. Вспомнил эту тему, повторил)

[@alexandr9313]

Ого, вот это поворот... Прям открытие. Димыч, благодарю!

[@bosfaction]

Благодарю Димыч! Иногда должны быть легкие уроки))) Видео вверх!

[@MariTochka]

спасибо, такие теоретические уроки иногда дают передохнуть мозгу от растущего напряжения и раздражения сложностями

[@user-br1tu9xh4w]

Спасибо! Действительно очень важная тема. Доступно. Летим...

[@AbaiIlyasov]

Всё круто иду дальше!

[@MrZorg23]

Спасибо, это все очень просто, но использование спред оператора было новым для меня)))

[@denistrapeschonok471]

Хорошая нужная тема. Спасибо.

[@user-wj3rv9gj2v]

Очень сильный выпуск. Очень хорошая теория по объектам в целом

[@user-tr8hr4xm1l]

Спасибо за полезную инфу!))

[@mistrz7856]

Всё же после ООП, данная тема "заходит" немного легче. Спасибо!

[@darjat.1069]

Спасибо, Дима! Вроде убила на нативный JS несколько месяцев, теория была знакома, но инфа про deep vs shallow copy - как будто в новинку ^_^

[@istoric7221]

Агонь! Супер полезный урок.

[@mariasoldatenko4623]

очень понятное объяснение, круто иногда отступать от проекта, изучая базовые темы, и потом уже со знанием возвращаться к проекту, спасибо!!! P.S. "обнял вас" в конце вообще милота

[@user-bx7ly2th3b]

очень полезное видео, спасибо!

[@lesyadorosh1805]

ого) круто! я этого не знала. вот это тонкости )) благодаря Димитрию чувствую что мои знания становятся не поверхностными и я понимаю как работает код. Спасибо большое !!!

[@Natalia-ph]

Как же просто и понятно теперь. Спасибо))

[@user-yq4cs2fe3u]

спасибо тебе большое, столько всего смотрел читал и не понимал до конца как это работает, теперь все сложилось, ОГРОМНОЕ СПАСИБО ТЕБЕ ДИМЫЧ!!!!!!!!!!!!!

[@Ruslan1192]

Спасибо! Узнал детали, все понятно!)

[@bystryisokol1546]

отличный урок и очень полезный урок

[@Shimbato]

очень круто! про полное копирование объекта не знала, только поверхностное =)

[@ole_oli]

Спасибо за уроки!

[@hryashq]

Ловите лайфхак: Сначала с помощью JSON.stringify превращаем наш объект в текст, а затем парсим его обратно в объект с помощью JSON.parse. let a = { name: 'Dimych' }; let b = JSON.parse(JSON.stringify(a)); a == b /// false Все вложенности также будут скопированы в отдельные объекты и не будут равны (глубокое копирование).

[@user-zn5vf8eh3n]

Не копирует методы объекта.

[@aidosbatyrkulov3272]

Спасибо за курс

[@narekgrigoryan883]

Спасибо за хорошие объяснения, всё понятно

[@vladkomovich8585]

Спасибо за разбор этой тем, очень доходчиво объяснил, круто!

[@TatianaKlimenko]

Объяснение супер!!! Спасибо, Димыч!

[@mityaycho]

Объяснение как всегда безупречно! Так всё понятно разжёвываешь, что иной раз чувствуешь себя ребёнком)))

[@stepannebykov6350]

Очень наглядно. Спасибо, бро!

[@mountaineagle966]

Ох ... единственное видео которое понял ))) спасибо с++....) Димыч спасибо. У тебя таллант учить нубов. Думаю прогресса нет, депресняк , но все таки дошел как то до 46 видео, и не просто просмотром , а благодаря тому, что делал так как делал ты. Понимал как делал ты. И это тоже твоя заслуга... РЕБЯТ , ТЕМ КОМУ ИНФА ДАЕТСЯ ТРУДНО КАК МНЕ После долгих попыток , я нашел для себя метод , чтобы просматривать несколько видео в день и по сути понять все эти видео. Вы даже не узнаете, скеолько я пробывал методов самообучения именно программированию .... Параллельно с видео открываем Блокнот на компе, или другую аппу. Смотрим видео минут 10. (я на скорости 1.5 смотрю) Ставим на паузу Записываем в блокнот все что поняли, со строчками кода комментами как мы это делали и зачем. И так до конца видео сохраняем файл. И так просматриваем СТОЛЬКО ВИДЕО сколько сможем понять) Допустим посмотрели в день 5 видео. Этим методом это не долго длится. Открываем наш проект , и начинаем изменять его согласно изменениям которые произошли за эти 5 видео. У нас есть блокнот с каждым описанным шагом, есть понимние и свой проект, вносим изменения, смотрим , всплыли куча ошибок, Смотрим на ошибки , понимаем в чем суть , исправляем и ВУАЛЯ Сегодня вы научились чему -то новому, спасибо Димычу за то что бесплатно понятно )

[@andreyantonovich379]

Спасибо за урок!

[@user-mk5vt9en4u]

Полезнейший урок, спасибо

[@NikitaBudyakov]

Не понимал. Теперь понял. Огонь! Спасибо!