47 - React JS практика - Делаем копию состояния в ProfileReducer

🚀Стань квалифицированным разработчиком за 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
Ну что, надеюсь после виедо вы поймёте, что connect за кадром подписывается (с помощью store.subscribe) на изменения состояния (state) и перерисовывает только ту компоненту, которой это касается. То есть внутри mapStateToProps мы указываем, какие части стейта нам нужны (фактически: я перерисуюсь только если в стейте изменятся именно эти части).
Поэтому мы не будем делать с вами полную копию ВСЕГО стейта, а только тех объектов, которые будут изменены нашим редьюсером. С одной стороны, это поможет нам экономить память, а с другой - поможет connect-у обновлять только нужные компоненты!!! Грубо, запутанно, но как-то так!))
Мы ещё поговорим на эту тему дальше, а пока можете почитать ответ н аэтот вопрос:
redux.js.org/faq/performance#...
Нужно ли делать ПОЛНУЮ deep копию, или достаточно shallow-копий в нужных местах!
Уроки по 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]

Я уже уроков 10 не понимаю, что происходит, но следую совету Димыча - не переживаю...

[@user-tt4mg2jq2b]

Я так до 100 дошёл, а потом понял, что ничего не понял

[@codegorian6057]

смотреть еще раз, у меня таже xernYA было но теперь всё ясно

[@uzver3787]

@@user-tt4mg2jq2b нужно вникать,возвращаться,писать конспект руками,отвечать на все свои вопросы на которые не знаешь ответ,тогда всё гуд.

[@user-tt4mg2jq2b]

@@uzver3787 это рофл, бро)) я уже на теме SSR и шарю в сложных вещах)) Ты прав конечно, если не получается, то надо пробовать ещё раз с полным пониманием того, что происходит)

[@Khazanalexey]

Lol

[@BiGSplush]

Дима немного не попал с определениями касательно свойств функций. Я поясню. Идемпотентность !== Детерминированность. 1) Идемпотентность - Свойство которое гарантирует, что при многократном вызове функции состояние будет изменено только единожды. Для примера можно посмотреть на работу DELETE в SQL. DELETE это идемпотентная операция. Например если в базе данных удалить с помощью DELETE ну к примеру пользователя, то при повторной попытке запуска такой функции с той же сигнатурой мы получаем что то вроде "This user already deleted". То есть мы 10 раз делаем попытку удаления пользователя, но состояние базы а именно ее изменение происходит единожды, остальные вызовы просто логируют, что операция уже была проведена, но ничего в самой базе не делают. 2) Детерминированность - Обрабатываем только то что получили в сигнатуре (аргументы). При многократном вызове такой функции с теми же параметрами мы получаем один и тот же результат как и должно быть, но мы не защищены от многократного изменения состояния. К примеру если мы попробуем добавить в нашу базу данных пользователя и никак не защитимся от дубликатов, то при вызове такой детерминированной функции 10 раз, мы получим 10 дубликатов пользователя в базе. Итог: Детерминированность НЕ обеспечивает идемпотентность и на оборот. Идемпотентность НЕ обеспечивает детерминированность. Мы вполне свободно можем писать грязные функции с любым из этих свойств, и комбинировать их между собой. Это два разных и нечем не связанных свойства функций которые предлагают разные гарантии при реализации. Диме спасибо за урок!

[@LesyaLika]

вау

[@user-bt9hx3ik6e]

спасибо за пояснение. очень четко и понятно. этот коммент стоит закрепить

[@sergeygrebenshchikov3478]

спасибо

[@MoLiBDeN92]

Ошибся и копировал state.posts не в массив, а в объект. Долго не мог понять почему появляется ошибка ".push is not a function"

[@user-ek6tv6wv1f]

Спасибо за подсказку. Та же самая ошибка у меня была.

[@user-xt9nl7no8e]

та же самая херня, злющий был это капец 😅

[@vityakovalchuk2735]

Спасибо.

[@MySlava777]

Один в один, спасибо!

[@user-vl2sl2ee7o]

Большое спасибо! Сделала такую же ошибку, не могла понять, в чём дело

[@user-hj4mj6zx6g]

Димыч, я просто в шоке как круто ты объясняешь. Эта самый годный контент в youtube по react. Смотрю этот курс иногда даже на работе. Твои видосы интереснее чем игра престолов ))) Спасибо тебе огромное!

[@dariavozdrahanova6662]

"Твои видосы интереснее чем игра престолов ))) " ну Вы уж не перегибайте, лесть должна быть легкой и непринужденной... )))

[@Edw1nwow]

@@dariavozdrahanova6662 Где тут кнопка дизлайка?)

[@JingVey]

@@Edw1nwow та вон прям рядом с кнопкой лайка :D

[@daniilbondar1316]

Че ты сравниваешь так низко, все лучше чем ИП, особенно последних 3 сезонов...

[@mikailhuseynzade920]

spasibo bolshoe

[@II-ce6gq]

2021 : Что то новых комментов маловато... Димыч, просто все поглощают твои видосы, нет времени на комменты - надо следующий уже смотреть, вникать, кодить... Димыч, ты молодец, спасибо тебе большое , за твои подробные объяснения, за твою воплощённую идею!!!

[@sashainbarcelona]

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

[@pir0zhenka]

Вот тут-то я и потерялась. Три дня тупила и разбиралась, что к чему. Рисовала себе схемы и так и этак: где что берется, кто за что отвечает, кто кому передает, кто во что превращает и т.п. Взрыв мозга! )) Вот например. Не сразу было очевидно, что в атрибут контейнера мы не можем передать любой созданный нами объект, как мы делали это раньше, что это должен быть только тот объект, который был создан при помощи метода createStore (чтобы там были методы dispatch, getState и subscribe). А он в свою очередь тоже принимает не абы что, а коллекцию функций, которые возвращают новое состояние (reducers). При этом совсем было не понятно, куда девается этот объект store в контейнере. Мы его передали атрибутом (как в компоненту для пропсов), но в самом контейнере не слова о store, только его составляющие, которые волшебным образом раздробились по функциям. Понятно, что это все волшебство сокрыто от нас в методе connect, но сбивало отсутствие понимания, а почему именно так раздробилось? И зачем? Ведь в пропсы компоненты это все пришло одной кучей (хоть и очищенной от лишней инфы). И да, не сразу было понятно, зачем делать копию. Пока не прошла по кругу нарисованной мной схемы несколько раз. Короче пока разобралась... Фух! Не хотелось идти дальше, пока не дошло что к чему. А ведь до этого было все легко и понятно. Удачи вам, ребята, и не сдавайтесь! Димыч - ты молодец!

[@is_eliseeva]

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

[@user-dc1cr5ny3q]

Димыч, я просто в шоке как круто ты объясняешь, а самое дикое, что ты делаешь это БЕСПЛАТНО!!!! Обязательно задоначу с первой зарплаты))) Успехов тебе! Летим дальше)))

[@artemkovalchuk7866]

а я задоначу с первой пенсии )

[@Kulebyaka902]

Подписываюсь! Мечтаю устроиться разрабом. Как меня достали инженерные практики. Ощущаю себя АХОшником - хочется в элиту ) Как только - так донатище пришлю солидный

[@user-oz7rr3cb1y]

Після перегляду попереднього відео , знайшла і вирішила помилку сама - і це так кайфово ) дякую Дімич , за круті уроки .. дивлюсь далі

[@user-cw1zd9pd5d]

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

[@RedSkyWan]

Поставил себе челендж - пройти "Путь самурая 1.0 " не больше чем за 2 недели. Начал 1 ноября. 47 урок - полёт нормальный. Спасибо за труд, Димыч!

[@lvasmart3516]

А ЗАЧЕМ !? В чём смысл - в скорости ПРОСМОТРА !? "Просмотреть" или научится !? Если "просмотреть" - так не сдерживай себя - справься за 3 дня ... )) Боюсь, что ты просто зря проведешь эти 2 недели...

[@RedSkyWan]

@@lvasmart3516 Я 5 лет назад начал FrontEnd'ом заниматься ) Отдельно делал акцент на нативный js. За плечами OpenCart, WP, October. Поэтому мне норм материал заходит Не судите, пожалуйста, людей по себе. Пока было время - воспользовался им по максимуму 92/100. Немного отвлёкся на основную работу. К НГ закончу полностью Готовлю список интересных мне компаний

[@user-sg2sx9em5c]

Спасибо! Смотрим дальше)

[@maxkos6184]

Димыч, спасибо. Может прочитаешь мой коммент. Я девелопер с небольшим стажем. Правда до этого был на протяжении многих лет системщиком. Но в определенный период времени понял, что меня прет программирование. И начал бомбить. У меня инетересная история, если захочешь расскажу. Так вот я переехал из Украины в Испанию, год потратил чтоб выучить испанский, потом устроился в испанский стартап и проработал там чуть более двух лет. И в этой компании я как учился так и привнес много нового. Написал например приложение на реакт (в фев. 2020) профиль пользователя. Но глубокого понимания реакт у меня не было. Оно появилось лишь благодаря тебе. Твои видео очень заразительны и ты так преподаешь, что хочется бомбить и бомбить и никогда не сдаваться. Спасибо тебе огромное, человеческое. Я тут, в Испании как сам, айтишники тут вроде добрее, не такие задроты как наши, но все равно каждый на своей волне. Мне даже не с кем поговорить по душам. Спасибо вам белоруссы. С вами я почуствовал себя своим. Как бы хотелось с вами встретиться и выразить вам благодарность лично. Я одинок, но в айти, один в поле воин. Мне есть что рассказать, как есть чему и поучиться. Надеюсь добомбить этот курс (я паралельно бомблю курс на udemy и читаю книгу по реакт), до этого у меня был незначительный опыть с вью, я запилил несколько маленьких форм-сайтов. Никто меня тут не понимает (в маленьком испанском городке) не понимает в плане айтишной тусни, мне очень одиноко. Эх мужики, обнимаю вас. Вы молодцы! Минску привет. Да Димыч, я очень разделяю твой движ - программирование в массы, в сорвеменном мире это редкость, так постить от души чтоб не поднимать бабло только, но и за идею!!! Нашел тут очередную работу, но вроде как юзают вью а не реакт, но я все равно добью твой курс! Чел, ты реально крут!!! Дополнение от 09 сен 2020: уже нашел другую работу (на предыдущей поработал 3 месяца и не понравилось)... Теперь четко нашел по реакту React/Gatsby Developer. Уже месяц поработал, очень нравится, но сложно.

[@vitaliyyasinskiy3689]

чувак, напиши на почту пжл [e-mail] или оставь контакты, мы тоже в испанию собираемся переехать, очень буду благодарен за пару вопросов, по поводу it

[@maxkos6184]

@@vitaliyyasinskiy3689 напишу тебе обязательно. Но не сегодня. На днях. Вот мой имейл на всякий случай [e-mail] пиши , отвечу на все вопросы.

[@maxkos6184]

Всем говорю, что нет ничего невозможного если каждый день по чуть чуть заниматься.... Я уже прошел 88 уроков Димыча... Хорошо так прошел (параллельно штудируя книгу и документацию). Всем удачи

[@vitaliyyasinskiy3689]

@@maxkos6184 написал на почту)

[@maxkos6184]

@@vitaliyyasinskiy3689 Получил письмо. Написал тебе ответ 14 сентября. Вот сегодня еще одно письмо отправил на всякий случай. Удачи

[@user-gj7rr1ey7o]

Димыч топ. Летим дальше

[@denff932]

коротко - я в восторге!)

[@amaxe12345]

Спасибо большое за урок!

[@darkstrike1390]

спасибо за уроки! летим дальше!

[@ctumyji9737]

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

[@user-si4ck2rr7c]

Все клево. Смотрю дальше.

[@shamilsalakhutdinov5519]

Спасибо за видео)

[@user-wj2qg3wm5v]

7:30 все на самом деле очень плох.. просто ))) спасибо за видос!

[@RUS4HELP]

ахахахахахаахахах

[@MrZorg23]

Спасибо, очень крутая тема с копированием объектов!

[@mykhailostepanishchev6472]

Круть,спасибо !

[@AY-rf3ku]

Все понятно, спасибо за урок!)

[@esken97]

Спасибо Димыч, летим дальше)

[@vladim1]

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

[@Mykhailo_Vdovychenko]

Все понятно и доступно! СПАСИБО!

[@codegorian6057]

Спасибо! се понял, Двигаемся дальше!

[@user-gv2dt2dx9f]

Все круто! Дякую за уроки)

[@spacerider9426]

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

[@spir1tfly]

Спасибо, ты лучший!)

[@yourbadapple]

Спасибо большое ща видео!

[@derrylsshowhh3249]

Ролик топчик.Спасибо большое!

[@user-hb4vr5gq4u]

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

[@andreyantonovich379]

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

[@Evgeny..]

Спасибо за прекрасный урок!!

[@mistrz7856]

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

[@GoldenPrinceYT]

Спасибо! Запутанно, буду пересматривать)

[@mikhailburlakov6937]

Спасибо)

[@user-mt1te4fr1y]

Как всегда, крутые объяснения, спасибо)

[@user-dj5sk4oj6w]

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

[@stanislavdmitriev5917]

Поражаюсь, твоей проделанной работе!

[@ervinabliamitov2149]

Спасибо! Летим!

[@diletantess]

Огромное спасибо за то что ты для нас делаешь :)

[@yurikorabel5435]

все четко и понятно! Спасибо! летим дальше

[@ivanrussui4126]

Благодарю за урок, отличная подача

[@alexandr9313]

Ух, как заходит 1-го января)! Димыч, красава! Спасибо. Прям ощущаю, как знаний прибавляется. Спасибо за труд!

[@Amourphys]

Спасибо, супер интересно

[@marsonleonardovich4036]

Спасибо! Всё понятно)

[@vyacheslavpm3779]

Спасибо Димыч! Все очень понятно объясняешь!

[@__online7250]

Все получилось!) Спасибо за урок!

[@seriogaromanchykov9451]

Спасибо тебе огромное!2023

[@user-cy2td3lg8t]

Большое спасибо за структурированную, подробную информацию, и мотивацию!

[@muhamadboboev4223]

Просто лучший!

[@genesismens9898]

Просто разложил все по полочкам. Как всегда лайк

[@ivanmaslow2137]

Димыч, Я в восторге от такой подачи материала!)

[@oconnor4417]

Кайф, летим дальше !❤

[@user-yk5vg8le7l]

Все круто Димыч, спасибо , лайк проставлен летим 🤖🚀

[@user-jx7ez8xv2e]

Хорошо, когда попадаются знакомые темы, отдыхать тоже надо организму )

[@user-lv1td2gx8x]

Урааа!!!!! Димыч вернулся!!! Жизнь снова заиграла красками)))

[@Snegurjan]

Спасибо за лучшие уроки по React Redux на youtube

[@ritaravinsky8262]

Спасибо большое!!!

[@Al4ii]

ой, как я кайфую!!!

[@konstantinkuksov914]

Бомбим дальше!

[@volodya_kod6]

Супер, понятно, летим дальше !

[@hennadiipetrov1967]

Все работает, как Швейцарские часы, потихоньку становиться понятен Redux... надо еще разок самому все сделать) Спасибо, Димыч)

[@user-bd4lw9hx3s]

Очень хорошее объяснение! Все разжевано и понятно! Дмитрий лучший! Всем удачи!

[@user-vj8hj9jk2b]

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

[@theWorldIsMultivariate]

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

[@PashaRomanovich]

Спасибо Димыч! Летим!

[@bystryisokol1546]

Всё получается, всё работает главное быть внимательным.!

[@user-xm3mf6dp9p]

Спасибо большое за курс, не думал что такие сложные вещи можно так доступно объяснять, уже 6й день подряд оторваться не могу!!!

[@GEEKROOM12]

Уже на этом этапе хватает знаний сделать простые тестовые задания по типу туду листа. Спасибо за видосы! Лайк подписка колокольчик

[@ihorbailov9698]

Спасибо за контент, Димыч! Топ

[@Sunr1sen2]

Отдельный респект за тёмную тему)

[@dimitriitkach7697]

spasibo za urok !

[@xbelmondox]

Димыч, супер! Устроюсь на работу, донат обещаю. Ты реально его заслужил !

[@SimonCarShop]

Супер!!)) Курс ВЫШКА

[@wild_wizards]

Лайк! Все супер, Profile & Dialogs сделаны.

[@user-rp8oy2kf5d]

За темную тема в ВС однозначно ставлю класс!

[@alexey2769]

Классно! иду дальше

[@sergsergey4251]

Спасибо за вынос мозга. Летим дальше ©

[@boribooger]

спасибо за видос

[@user-tr8hr4xm1l]

Хороший цикл серий делает Димыч!

[@user-sj4oy1el5y]

Спасибо! )

[@miguelgrushetckii4839]

Крутой видос, пока понятно о чем речь) Спасибо

[@DimTsi]

Спасибо №47!)

[@user-yf2rw3cu3k]

У меня прямо детская радость, как информация, словно кусочки пазла, складывается в одну картину! Димыч, топи! =))

[@bitcoin-]

Спасибо тебе.Жестяк но все очень понятно

[@ashbarso7752]

я сделал еще на 42 уроке, думал не правильно что-то сделал оказалось, просто тут будем доделывать, СПАСИБО ДИМЫЧ!

[@user-xt2si4vk8p]

Ещё тут😀всем терпения )

[@user-cy4cz7zx4m]

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

[@TuzDiCoz]

Спасибо! Лайк!

[@onGrill]

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

[@user-yq4cs2fe3u]

очень круто, спасибо тебе за такие уроки, единственный ментор, которого я поинмаю

[@konstantinavvakumtsev3944]

Димыч - человечище!!

[@user-il3vn7ye4n]

Огонь!

[@alexanonymous5823]

огромное спасибо

[@ole_oli]

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