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

Поделиться
HTML-код
  • Опубликовано: 23 янв 2025

Комментарии • 1,2 тыс.

  • @anastasiyakobyzeva6925
    @anastasiyakobyzeva6925 Год назад +43

    23 год. Мир еще больше сходит с ума, а это обучение по прежнему-прекрасно. Спасибо, Димыч!

  • @ДмитрийЗаречнев-з2ь

    24 год. Мир больше и больше сходит с ума, а это обучение по прежнему спасает. Спасибо, Димыч!

  • @elenakniazeva5388
    @elenakniazeva5388 5 лет назад +54

    "Кто последний - тот и папа"
    Класс, спасибо =)

  • @molniagrom3599
    @molniagrom3599 12 дней назад +1

    25 год. Мир больше и больше и больше сходит с ума, а это обучение по прежнему прекрасно и спасает. Спасибо, Димыч!

  • @fokselite1884
    @fokselite1884 4 года назад +110

    В VS Code выделяешь слово, потом Ctrl + F (выделяются все слова в текущем файле) потом Alt + Enter, теперь изменить можно все слова сразу.

    • @КотМатроскин-х9ь
      @КотМатроскин-х9ь 3 года назад

      классно, не знал, то есть слышал что так можно, но надо попробовать в общем

    • @nuralimarzybekov2380
      @nuralimarzybekov2380 3 года назад

      благодарю

    • @serhiizhukov2030
      @serhiizhukov2030 3 года назад +14

      еще в vscode выделяете слово, ctrl+f2, редактируете все такие слова в документе

    • @Andre-mp4ii
      @Andre-mp4ii 2 года назад +2

      через f2 это удобней делать

  • @АлексейБаранов-ь7у
    @АлексейБаранов-ь7у 5 лет назад +166

    "АЙ. разучился говорить" - цитаты великих )))

    • @ITKAMASUTRA
      @ITKAMASUTRA  5 лет назад +5

      :))

    • @OlegMavlyutov
      @OlegMavlyutov 4 года назад +13

      Иногда сбивчивая манера говорить и голос Димыча напоминают инженера Лапенко :D

    • @Hayabusa17
      @Hayabusa17 4 года назад +1

      @@OlegMavlyutov точно

    • @ВсадникАпокалипсиса-я9е
      @ВсадникАпокалипсиса-я9е 3 года назад +1

      полка с русским языком в мозгу заместилась на реакт и язык джаваскрипт)

  • @sherbakovSAF
    @sherbakovSAF 2 года назад +15

    Блин, такие ошибки, как у Димыча даже приятны. Ты понимаешь что даже типы, которые уже несколько лет в ИТ совершают странные ошибки. И ты такой, "Я не один". Круто

  • @АлександрКлименко-д8с

    Уже в течение дня голос Димыча слышу чаще, чем жены)))

    • @ITKAMASUTRA
      @ITKAMASUTRA  5 лет назад +18

      Прошу прощения у ваших жён))

    • @mylife-myart4916
      @mylife-myart4916 5 лет назад +17

      хоть не жена вам мозг выносит!!)))

    • @mip1992
      @mip1992 4 года назад +8

      ​@@mylife-myart4916 потом жена спасибо скажет как о камасутре узнает ( ;

  • @dmitryloschinin5367
    @dmitryloschinin5367 5 лет назад +68

    Лайк за Reactивное появление новых уроков!

  • @ИванБезруков-л3у
    @ИванБезруков-л3у 2 года назад +9

    "Кто последний тот и папа" - сразу вспомнил студенческие годы, тогда это выражение было актуально в повседневной жизни и ни кому ни хотелось быть последним, сейчас мне 38 и я уже папа 🧔‍♂. Бомбим дальше, идем к целе...

  • @НаталияБакан
    @НаталияБакан 5 лет назад +93

    Оперативненько. Спасибо большое, что не забываешь о нас даже на отдыхе!!!)
    Круто, пилим дальше;)

  • @АлександрБетке-ь9з
    @АлександрБетке-ь9з 2 года назад +7

    2022 июнь. Учусь в IT--incubator. Вся логика, функции и методы в видео актуальны.

    • @DzhavidR
      @DzhavidR 2 года назад

      стоит смотреть до конца курс?

    • @romantroian3179
      @romantroian3179 2 года назад

      @@DzhavidR да,потом просто на хуки перейдешь и все

    • @ИльяЗлотник
      @ИльяЗлотник 2 года назад

      Как учеба? можно пару вопросов задать?

    • @romantroian3179
      @romantroian3179 2 года назад

      @@ИльяЗлотник задавай

  • @АртёмПашинский-ъ1о
    @АртёмПашинский-ъ1о 4 года назад +10

    Тот момент когда увидел и исправил ошибку ещё пару выпусков назад, а потом ждал когда Дима её заметит и исправит))) Летим дальше!

  • @MrYehBr
    @MrYehBr 4 года назад +22

    Когда были переписаны редьюсеры и код значительно сократился. Для меня это было прям откровением, как для новичка. Хорошие практики - залог будущего успеха. Спасибо, Димыч)
    #react #redux #js

  • @VladiMetallmir
    @VladiMetallmir 5 лет назад +61

    Димыч, спасибо большое, что не забываешь про нас. С тобой React постепенно становится родным и параллельно с твоим курсом легче делать свое приложение для портфолио. Затягивает и с каждым видео интереснее, аппетиты увеличиваются, хочется больше объема информации и практики))) и приятного тебе отдыха

    • @ITKAMASUTRA
      @ITKAMASUTRA  5 лет назад +12

      Спасибо, Вова, очень радуюсь, когда понимаю, что польза от курса растёт!!! 🙏 отдохнул на славу... ещё 3 дня) спасибо) пока мои спят, запишу новое видео сейчас :)

    • @Moroir
      @Moroir 4 года назад +1

      @@ITKAMASUTRA а я жду постраничный вывод и получение данных с сервера что бы за параллельную штуку засесть)

  • @ИльяМаненков-з9е
    @ИльяМаненков-з9е 4 года назад +27

    Ребята мой вам совет тем кто не понимает что то , не зацикливайтесь на этом курсе паралельно смотрите видео про Redux, он не привязан к реакту , и то как он работает можно понять отдельно, паралельно читайте документацию Redux, паралельно читайте документацию React, смотрите другие видео, я не спорю это лучший курс по реакту что нам удалось найти, и спасибо автору за его труд, но на этом не заканчивается смотрите парально другую информацию и тогда картинка будет сращиваться быстрее.

    • @Миралем-у8ц
      @Миралем-у8ц 2 года назад

      как успехи спустя 2 года если не секрет?)

    • @ИльяМаненков-з9е
      @ИльяМаненков-з9е 2 года назад +12

      @@Миралем-у8ц Мидл, 230к зп ))

    • @Миралем-у8ц
      @Миралем-у8ц 2 года назад +1

      @@ИльяМаненков-з9е 🔥🔥🔥

    • @Миралем-у8ц
      @Миралем-у8ц 2 года назад +1

      @@ИльяМаненков-з9е есть стимул к чему стремиться через 2 года)))

  • @АнтонФедулов-с7э
    @АнтонФедулов-с7э 5 лет назад +39

    Респект. React JS практика - Делаем копию состояния в DialogReducer

  • @AlexMedovnik
    @AlexMedovnik 4 года назад +10

    "Кто последний, тот и папа!" - лучшее объяснение переприсваивания!
    Димыч - красава! )

  • @alik64
    @alik64 3 года назад +3

    Крутое видео, особенно понравилось как Push делать со Spread оператором! #реакт #редакс #react #connect #redux

  • @MikhailKuklenkov
    @MikhailKuklenkov Год назад

    Однозначный лукас! Летим дальше, смотрю дальше) Дима, огромная благодарность!

  • @noiseless6800
    @noiseless6800 5 лет назад +61

    24:46 - Соответственно мы не можем каждый раз делать копию типо да какую-то п... ну... мы не знаем точную копию какую нам надо делать копию, копия, какой вид копии нам делать, какую ветку, какую внутренности копии делать глубоким копированием мы не знаем...
    Копипалити!)))

    • @Trulalandia
      @Trulalandia 4 года назад +4

      ахаха, это было очень смешно. я переслушала несколько раз)

    • @uzver3787
      @uzver3787 4 года назад +1

      главное,что сказано решительно)

  • @volodya_kod6
    @volodya_kod6 Год назад

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

  • @gorillatv577
    @gorillatv577 5 лет назад +24

    Ты супер!!!! Спасибо за твои старания, не знаю даже, что и делал бы без тебя.

  • @ihorbailov9698
    @ihorbailov9698 2 года назад

    Спасибо за все нюансы и углубление когда нужно!

  • @olegvoloshin2729
    @olegvoloshin2729 4 года назад +10

    рефакторинг - это кайфушечка! Прямо радуешься, когда код уменьшается и становится лаконичнее! Спасибо за видос!

  • @ДмитрийКибешев
    @ДмитрийКибешев 3 года назад

    Делаем копию состояния в DialogReducer
    Спасибо, Димыч!
    Смотрю, учусь

  • @meadchen5243
    @meadchen5243 3 года назад +3

    отдельное спасибо за debugger - очень быстро фиксятся ошибки, когда занималась версткой пользовалась console.log. ну прошлый век же, оказывается)
    еще к 48-му уроку научилась радоваться ошибкам, когда все падает - перебираешь все по косточкам, переписываешь структуру (она у меня немного отличается), и все понятнее становится. и не раз уже замечала, заставляешь-заставляешь себя сесть за комп, но стоит начать - и блин, прошло полдня, уже 10-й час вечера, а у тебя "реакт-редакс знать будешь крутооо")) спасибище за крутые уроки)

  • @opaopa5358
    @opaopa5358 Год назад

    приятно видеть что ещё кто то учиться по этим курсам) так как есть коменты свежие)

  • @advhunter2
    @advhunter2 5 лет назад +13

    Красавчик, класные напудственные слова 👍
    Бомбим вместе и устраиваемся React разработчиками 💪😁✌️🎉🎉

  • @maxim.saharov
    @maxim.saharov 2 года назад +1

    Агонь! про react-redux, connect, полная копия объекта.

  • @KononovDima
    @KononovDima 4 года назад +6

    Димыч спасибо за курс ! React крут. Немного замедлился начиная с 40 урока но двигаюсь вперед постепенно.

  • @shamilalibekov8613
    @shamilalibekov8613 4 года назад

    Как я счастлив что три легких урока в подряд)))

  • @alisherabdullaev9444
    @alisherabdullaev9444 5 лет назад +11

    Bravo!!! С нетерпением жду that moment when connecting server with react redux! Самый лучший tutor in youtube и не только!! Благодарю for amazing && interesting courses, Dymych!!

    • @mountaineagle966
      @mountaineagle966 3 года назад

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

  • @grandmaster-yo-yo
    @grandmaster-yo-yo Год назад

    Супер, дошло наконец почему мы должны делать копию внутри

  • @ЭнэсБатыры
    @ЭнэсБатыры 5 лет назад +7

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

  • @ДенисБеспалов-п8щ
    @ДенисБеспалов-п8щ 4 года назад +1

    Из последних видео, это и предыдущее просто изи) Наконец то голова не пухнет и всё просто)

  • @vladv.198
    @vladv.198 5 лет назад +11

    Круто....Reducer это жесть !!!!))))

  • @АнтонСеменцов-п7в
    @АнтонСеменцов-п7в 4 года назад +1

    React Redux connect. Димыч - сэнсей! как всегда на высоте

  • @ProWichDoctor
    @ProWichDoctor 5 лет назад +5

    башка кипит, React, redux шкварчит!
    буду пересматривать еще не раз)
    все супер!

  • @Ангелина-ю5ц7м
    @Ангелина-ю5ц7м Год назад

    Как же круто Димыч объясняет про копирование объектов!!! глубокое копирование объектов и поверхностное - теперь понятна разница. вообще весь react redux объясняется круто! Спасибо.

  • @semial
    @semial 4 года назад +4

    Открыл для себя новые границы бытия, узнав столько особенностей объекта и красоту написания кода в редьюсерах)
    Димыч, красава)
    Спасибо тебе за урок))))

  • @plotitsyn
    @plotitsyn 4 года назад

    Один из самых рекомендованных курсов для новичков по React, Redux и отчасти JavaScript.
    Димыч, сложно найти похожих, настолько близких к людям, спикеров.
    Отличный материал. IT-kamasutra

  • @denweb2408
    @denweb2408 5 лет назад +9

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

  • @TatsianaChorba
    @TatsianaChorba 4 года назад

    JavaScript, React, Redux, redux-react, reducer, dispatch. Cупер курс по React!

  • @miroslavtoikin
    @miroslavtoikin 5 лет назад +5

    Лучший курс по React/Redux!!!

  • @learningit2572
    @learningit2572 2 года назад +1

    было сложно, не занулялся текст, пытался сам решить - получилось. Хорошо что в конце показал правильный путь и объяснил. Огромная благодарность

  • @fargutvest
    @fargutvest 5 лет назад +9

    Окей, смотрю дальше, круто, респект! ( рефакторинг, своя минимально необходимая копия стейта в каждом case, отказ от переменой stateCopy, сразу return обьекта { }, раскукоживание стейта внутри spread operator, реплейс раскукоженных пропертей обьекта через запятую, дебаг глупой ошибки )
    Спасибо!

  • @АртурКулиш-ш7у
    @АртурКулиш-ш7у 4 года назад +1

    Спасибо за React JS практика - Делаем копию состояния в DialogReducer.
    За обучение Copy State to DialogReducer

  • @amaxe12345
    @amaxe12345 5 лет назад +3

    Спасибо за урок Дима! Продолжаем покорять React JS

  • @Ruslan1192
    @Ruslan1192 5 лет назад +1

    Респект, Дима!)
    Спасибо! Все понятно!) Погнали дальше!

  • @denkodatskyi3381
    @denkodatskyi3381 5 лет назад +4

    Лучшие уроки по React & Redux !!!
    The BEST!!! lessons of React & Redux!!!
    Programming and Coding!!!
    Just about information technology =)

  • @someChicoRy
    @someChicoRy Год назад

    очень круто. Хоть информация уже и разжевана в предыдущем уроке, но все равно пооставались подводные камни, о которых здесь и было упомянуто. Спасибо

  • @Titanidze17
    @Titanidze17 5 лет назад +5

    Спасибо, все понятно, очень удобно и доходчиво.

  • @feddim9624
    @feddim9624 4 года назад +1

    спасибо за обучение! React JS практика - Делаем копию состояния в DialogReducer

  • @АлексГ-п3ж
    @АлексГ-п3ж 4 года назад +4

    Становится все интереснее и интереснее!!! Спасибо!!!
    P.S. Список ключевых слов: React, Redux, connect, копия объекта

  • @linuxlifepage
    @linuxlifepage 4 года назад +2

    Еще супер когда ты Димыч в конце подводишь итоги урока и плюс ЕЩЕ СУПЕР когда бывают подробные "остановочки" после n - уроков

  • @ihorvitaliyovytch7959
    @ihorvitaliyovytch7959 4 года назад +3

    Подсел на "Путь Самурая" как на "Игру Престолов" )))

  • @ТаняФедорів-п5з
    @ТаняФедорів-п5з Год назад

    Крутые уроки, не каждому дано так доносить материал ,особенно когда ты начинаеш с нуля, много пересмотрела других видео ,но лучше не нашла.Большое спасибо Димыч!!!!!

  • @vladk3524
    @vladk3524 5 лет назад +4

    22:16 даже звездочка в объекте на самурая в шлеме похожа)

  • @TRIZ-Bogatyregold
    @TRIZ-Bogatyregold 2 года назад

    лучшее видео где максимально подробно объясняется shallow copy и deep dopy объетов

  • @Кемаль-я9е
    @Кемаль-я9е 4 года назад +3

    Тот самый момент когда на дворе 2021 годи у тебя работает зануление, при том же коде что и у Димыча в 2019)

  • @МаріяУрсул-к8к
    @МаріяУрсул-к8к 3 года назад +1

    Дякую за інформацію, круте подання!

  • @Vllad_Ko
    @Vllad_Ko 4 года назад +3

    да React - Redux это клево! Не всё пока ясно, но грызём гранит React со всеми его Connect и неизменяемым Object непреклонно и уверенно!

  • @МишаКальмар-м1к
    @МишаКальмар-м1к 3 года назад

    Отлично!!! React JS практика - Делаем копию состояния в DialogReducer!

  • @ГаниевДавлет
    @ГаниевДавлет 4 года назад +7

    "А зачем оно нужно, если оно не нужно?" Димыч 😂

  • @mariia6820
    @mariia6820 5 лет назад

    делаю сама,ставлю на стоп и радуюсь,все получается!Спасибо,Димыч!!!!

  • @sashaya6114
    @sashaya6114 5 лет назад +4

    пошел на второй круг, походу мне надо))
    udp: со второго раза четенько зашло)

    • @snoopquits-friend
      @snoopquits-friend 4 года назад

      и как оно теперь?) работаешь уже?)

    • @sashaya6114
      @sashaya6114 4 года назад +1

      ​@@snoopquits-friend прохожу стажировку, она конечно у меня немного затянулась, но я не расстраиваюсь, так спроса меньше). За это время успел чуть больше вникнуть в нативный js, и так сложилось что пришлось react отложить, сейчас на vue бомблю. Интересный опыт получил в плане изучения двух инструментов (react и vue) которые вроде и разные, но решают одинаковые задачи.

    • @whitesakurai
      @whitesakurai 4 года назад

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

  • @СтаниславПшедзял
    @СтаниславПшедзял 3 года назад

    Спасибо Дмитрий, едем дальше!
    React, Redux, Connect.

  • @Kleomant
    @Kleomant 4 года назад +9

    Когда сделал дз и смотришь как Димычь решает ту же проблему с которой столкнулся ты xD

  • @vladislavdukhovnik8479
    @vladislavdukhovnik8479 2 года назад

    гоним дальше, react с каждый выпуском становиться все роднее)

  • @alekseygaikevich4195
    @alekseygaikevich4195 5 лет назад +8

    React
    Redux
    JS
    Летим в космос

  • @saharnya
    @saharnya 4 года назад

    Смотрю дальше 👍 вообще все встаёт на места! Спасибо !!!)

  • @michaeldeadduck4591
    @michaeldeadduck4591 3 года назад +3

    95% моих ошибок - это опечатки, ошибки в названиях, в скопированном коде из другой части программы всё исправил, но забыл изменить название компоненты на подходящее и т.п.
    Но есть и плюс - пока ищу причину, залезаю в невероятные дебри, узнаю много нового и закрепляю старые знания. Будь у меня человек, который все опечатки мои за 3 минуты находит, я бы разбирался в js и react намного хуже))

  • @kirillgurin6105
    @kirillgurin6105 2 года назад +1

    так кайфово, когда Димыч ставит какую нибудь задачу в начале видео, объясняет как это работает, ты делаешь сам, потом досматриваешь видос - у тебя все работает, Димыч фиксит косяки

  • @aymkin
    @aymkin 5 лет назад +7

    Понятно, смотрю дальше курс по React Redux, крутой рефакторинг reducers and connect()(), жду AJAX и хочу на работу.

    • @alexejveres3245
      @alexejveres3245 4 года назад

      Ну как, уже устроились?

    • @aymkin
      @aymkin 4 года назад

      @@alexejveres3245 да, уже 14 месяцев на работе

    • @ta_ni_ko2082
      @ta_ni_ko2082 4 года назад +1

      Смотрела запись Вашего собеседования на youtube. Вы молодец! Сразу понятно где React начинали учить))

    • @aymkin
      @aymkin 4 года назад

      @@ta_ni_ko2082 уже 14 месяцев на работе

    • @ourpeoples1356
      @ourpeoples1356 3 года назад

      @@aymkin как работается?Повысили?

  • @tim7703
    @tim7703 2 года назад +1

    Спасибо за ваш труд! Взрыв мозга, хоть и до некоторых вещей догадывался, как конкретно это реализовать не знал сам :)
    Иду дальше

  • @jenek051
    @jenek051 3 года назад +3

    люблю тебя чувак, надеюсь у тебя хватает времени читать это))) поставь лайк если успеваешь🤣 15 01 2022

  • @sophiet1694
    @sophiet1694 3 года назад +1

    Спасибо, лучший курс по реакту!

  • @johnnysel8186
    @johnnysel8186 4 года назад +6

    то чувство когда ты нашел ошибку быстрее Димыча ))))

  • @andreyantonovich379
    @andreyantonovich379 3 года назад

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

  • @wqqtm3584
    @wqqtm3584 2 года назад +3

    // ОПЕРАТОВ rest ОБЪЕДИНЯЕТ НАБОР ЗНАЧЕНИЯ В ОДИН МАССИВ
    // ОПЕРАТОР spred РАЗБИВАЕТ МАССИВ НА ИНДИВИДУАЛЬНЫЕ ЭЛЕМЕНТЫ
    // Например имеются два массива numbeers и letters
    const numbeers = [2, 3, 7, 0, 12];
    const letters = ['a', 't', 'z'];
    // Cоздадим третий массив concat и в нем испольщуем оператор SPRED для массива numbers и letters
    const concat = [...numbeers, ...letters] => [ 2, 3, 7, 0, 12, 'a', 't', 'z' ]

  • @arsshon6842
    @arsshon6842 2 года назад +1

    Кто последний тот и папа ахахахахах
    Спасибо Димыч, для таких как я твои уроки самое то😍💜

  • @MrSvitS1337
    @MrSvitS1337 4 года назад

    я когда сам решаю такие проблемы меня это приводит в эйфорию, за это и люблю программирование

  • @Amourphys
    @Amourphys 3 года назад

    Кто последний тот и папа - прикольно))) Спасибо за контент, Димыч, как всегда все супер

  • @Алексей-э9ь4ю
    @Алексей-э9ь4ю 4 года назад

    Окей! Круто! Смотрю дальше! Респект!

  • @dlucky13
    @dlucky13 4 года назад +1

    Отличный вариант рефакторинга в reducer-ах. Очень нравится когда код становится "красивым"

  • @mistrz7856
    @mistrz7856 3 года назад

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

  • @BbooyWind
    @BbooyWind 4 года назад

    Лучший курс по React, Redux, JavaScript!

  • @sergsergey4251
    @sergsergey4251 4 года назад

    Reducer'ы поправил. Продолжаем изучать React JS. Отличный курс, спасибо. Раскукоживаем и бомбим дальше©

  • @vladimirsuragin
    @vladimirsuragin 5 лет назад +2

    Топ 1 курс по React-Redux среди платных и бесплатных. Наконец понял тему глубокого копирования объектов JS

  • @karenjantv2302
    @karenjantv2302 3 года назад

    честно говоря не перестаю удивляться как ты все понятно объясняешь, заходит все с первого раза, все дз делаю, и получаю кайф от того что все получается))

  • @КамильКаландаров-и5к

    Большое спасибо за очередной урок ). Все круто. Полная копия объекта

  • @galayda_taras
    @galayda_taras 3 года назад

    Бомбим дальше!
    Спасибо большое.

  • @ZzoOtiks
    @ZzoOtiks 4 года назад +1

    Все круто! Идем дальше))

  • @nikitasudaev8358
    @nikitasudaev8358 4 года назад +2

    Сделал коннект по аналогии с предыдущим уроком, смотрел только ради повторения. А нет! все-таки новая инфа и тут меня настигла!)) Спасибо, Димыч! Смотрю дальше

  • @andrewivan5423
    @andrewivan5423 4 года назад

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

  • @dinar2844
    @dinar2844 4 года назад +1

    Всё супер!!! Смотрю на одном дыхании! Особенно понравился оператор спрэт ...state

  • @Snegurjan
    @Snegurjan 4 года назад

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

  • @maksymfedorenko2184
    @maksymfedorenko2184 4 года назад

    Уроки прививают любовь к программированию! спасибо

  • @alexandr9313
    @alexandr9313 5 лет назад +1

    Димыч, спасибо за наставления и мотивацию!