58 - React JS - mapDispatchToProps лайф-хак

[@ProWichDoctor]

Спасибо Димыч! Мне предложили Offer, В понедельник на работу первый день, Меняю жизнь полностью, новое место жительства, другой город, все новое , еду за 1000км от дома, Берут на позицию Junior JavaScript Developer , на собесе по скайп прошел в два этапа, задавали вопросы все по React, Потом позвонили и предложили работу, Зп не большая правда на старте, но глаза горят, клава дымит, в голове ужас! Но прорвемся, спасибо!

[@Андрей-з3й9ю]

Хей, как дела, как работа?

[@tpstlk]

@Igor Sudenko в групу тг зайдите он там есть)

[@Vlad6817]

куда устраивался??

[@ProWichDoctor]

@@Vlad6817 Львовская компания

[@ProWichDoctor]

@Konstantin Web набрался опыта, ищу место в лучшей компании!

[@lostincoda2800]

Я с первого раза не понял куда пропал dispatch и как вложенные компоненты будут понимать что мы передаем не просто AC, а именно dispatch(AC). Для тех кто тоже не понял и пытается найти ответ тут, вот понятное разьяснение с habr: " ...если вы передаете в connect вторым аргументом не mapDispatchToProps, а объект с AC, то connect оборачивает ваши AC в функцию-обертку () => store.dispatch(AC) и передаёт в props компонента." P.S. Листая комметарии вообще не увидел вопросов по этому моменту, так что подозреваю, что в видео это где-то обьясняется. Просмотрел 2 раза и не нашел где. Если все же где то в видео это есть, скажите таймкод.

[@katecosiness]

спасибо большое, сейчас такой же вопрос возник, в видео не нашла ответа тоже

[@brucewayne_007]

фух, я так и думал, спасибо

[@Vitalion83]

Чел, спс. Объяснил. Я думал, что это просто магия. У Димыча есть такое. Объясняет, что-то упускает и ты сидишь - втыкаешь.

[@yersainaldabayev8836]

спасибо, мужик

[@bublikbublikovich2229]

спасибо бро, тоже такой вопрос возник

[@MR.R.Akhmetov]

конец курса, Димыч: - все удаляем. просто ставим точку и все готово.

[@asyven]

Димыч, просмотрел все на одном дыхании за несколько дней, правда на скорости 1.75, очень информативно и с душой. Спасибо тебе!

[@lynxart1015]

У тебя слишком вдохновляющее начало. Прям готов спрыгнуть страктора, закинуть рюкзак с ноутом, и бежать устраиваться React разработчиком =D Большое спасибо за уроки, ты супер.

[@IgniosTyumen]

Спасибо за лайфхак, очень полезно. И специально для поисковиков - лучший курс по ReactJS mapDispatchToProps xD

[@ЛусінеАтаджанян]

Рефакторинг функции connect. mapDispatchToProps lifehack. React js. Реакт. Лучший курс по реакту. Дима, от души

[@АрсенОсипов-ж6щ]

API, JS, TS, State, Store, Dispatch ,Connect, Action, Route, Provider, Reducer, mapStateToProps, mapDispatchToProps, {...state}, Props React Redux Практика JavaScript курс React Веб разработка разметка best of the best!!! Спасибо за урок :)

[@molniagrom3599]

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

[@abazunts]

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

[@ITKAMASUTRA]

Терпеливая у меня жена:))

[@МарияВасиленко-я5к]

Спасибо за урок! Обожаю, когда код сокращается)))

[@indigosay]

))

[@Olga-vw3ni]

Я видела такой вариант mapDispatchToProps у одного наставника с другого, платного, курса, но я не поняла его. После этого видео стало понятно, и запомнилось. Поэтому и смотрю этот курс. Огромное спасибо! Для поисковиков - лучший курс по React mapDispatchToProps.

[@iceaye5730]

Рефакторинг - отдельный вид экстаза)) Спасибо за курс!

[@ivanmiarkulau8320]

Переработали наш mapDispatchToProps и уменьшили количество кода в нашем React-приложении, спасибо за урок!)

[@shsh01212]

я конкретно подсел на видосы. Включаю вечером на пару часов и просто такое приятное чувство разбирание какой-то темы

[@dimakarpov8247]

Спасибо Димыч!) Удалить значения (функциюAC) не решился пока еще все запомнил, потом обязательно сделаю! Код сократился прилично. Летим дальше!

[@AndreiD-f7s]

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

[@fps404]

Каждый урок на вес золота!

[@aleksandercross5936]

Записал себе в тетрадь как было, закомитил изменения а то есть чувство что в будущем прийдётся вспомнить первоначальный вариант mapDispatchToProps) Спасибо крутое сокращение кода

[@buksirchik1663]

Спасибо за урок. Эту фишку знал, но особо не юзал. Больше заходила функция возвращающая объект. По факту можно вообще в connect вторым параметром ничего не передавать и connect по дефолту передаст в props обычный метод dispatch, но так наверное делают мазахисты))

[@okujava3678]

Димыч, низкий-низкий поклон. Я просто боялся реакта, пока не нашел тебя. Огромное спасибо за все нюансы. (Нпример, что если передать в литерал объекта передать только ключ, он будет искать значение переменной, имя которой равно имени этого ключа.) Если бы тебе можно было поставить сто лайков, щелкал бы вручную. Твой материал бесценен, несмотря на 2024 год.Дай тебе Господь счастья!

[@PoeETk]

Уфф, значит в 2024 еще есть интернет и не отключили youtube? Спасибо бро!

[@andrewkaliarovich6516]

По чем доллар в 2024 братан?

[@volodymyrsus]

Thanks! The best lessons of React & Redux!!! React , Redux, State, Store, Dispatch ,Connect, Action, Route, Reducer, Props, mapDispatchTo Props

[@RadCor]

очень круто, обожаю когда мы реактором код и делаем его короче! спаисбо

[@ВикторКысса-я8х]

Спасибо тебе за то что не только учишь основам React и Redux, но и показываешь всякие лайфхаки, как рефакторить и оптимизировать код. Подход к обучению у тебя мегаэффективный !!! Мотивация потрясающая ) Хочется чтобы эти курсы продолжались до тех пор пока жив React :)

[@theWorldIsMultivariate]

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

[@Emili_live]

Хорошие уроки, спасибо... Поддержу твой труд позже как на роботу устроюсь...

[@АндрейГудзовский]

не знал, но насчет сокращений AC сам догадался)

[@ГалинаКузнецова-н1и]

Огонь.Летим дальше.Спасибо Дима

[@vladosononame6376]

Очень интересные видосы смотрю по 3-4 раза

[@fargutvest]

Круто! Мы воспользовались удобной перегрузкой у connect, которая вместо функции принимает обьект - пачку экшен креейторов, и внутри connect уже энкапсулирован вызов dispatch для каждого action creator из переданной пачки! А перегрузка имеется наверное для того чтобы когда надо мы могли заюзать перегрузку с функцией и сами реализовать вызов dispatch, с нужной нам логикой, а в данном случае мы хотим сократить код и энкапсулировпнная реализация нам подходит! Спасибо!

[@st.sinnerman1906]

С каждым уроком появляется уверенность в том, что делаю, понимание. Вроде и вопросов становится не меньше, но отвечать легче. Спасибо тебе, Димыч! П.С. смотрю плейлисты по JS, it-ликбез из тачилы, ajax в деталях. Да вобще весь канал - супер!

[@annabolbot1228]

спасибо, Димыч! лучший курс Реакт

[@KastusMusic]

В очередной раз вялIлкi THANK YOU) за курс! И При прохождении нынешнего урока произошло чудо - у меня заработало сразу!)) У меня ошибки имени setTotalUsersCount не оказалось) Плюсик к самооценке))))

[@andreykryzhniov794]

Каждый раз все круче и круче. Спасибо! #react#redux#JS

[@ITKAMASUTRA]

Спасибо

[@SimonCarShop]

Пушка))) молодца!!

[@alik64]

Всё круто и понятно ! Бомбим дальше! #react # redux #refactoring #javascript

[@andreyantonovich379]

Круто!Код сократился,спасибо за урок!Бомбим!

[@artemkirkhmaier484]

Огромное спасибо за пояснение с примером name!

[@ValeriiYanchev]

Ну реально лучшего курса я еще не видел

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

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

[@bystryisokol1546]

Очень полезный лайф-хак такой.

[@viktorshatalov1920]

только начал смотреть и уже нравиться)))спасибо за курс!!!!

[@Анна_Бояршинова]

топ курсы react redux , спасибо большое

[@indigosay]

%)

[@audiomax111]

React очень круто, спасибо не знал про обьект вместо mapDispatchToProps. Тройное уважение

[@ПараСлов-н2и]

Не знал такой фишки, супер! Я с нуля у тебя реакт изучаю. Хочу счас книгу по реакту купить почитать, надо найти с теорией, практика у тебя огонь!

[@ДенисКораблёв-г1т]

хороший лайфхак, перестал смотреть этот курс примерно с 40-44 урока, т.к. работы много очень, пришлось разбираться быстрее чем шел курс, т.к. я 1 на проекте и больше на фирме нет реакт разработчиков, спрашивать не у кого, и кроме первых 40 уроков реакта и базовых знания JS у меня ничего не было, беды конечно эти 40 уроков много принесли, т.к. я начинал отталкиваться от них, не стоит говорить что так делают на реальных проектах, если это не так, в итоге я часть проекта написал без редакса из-за того что был введен в заблуждения с вашими велосипедами, переписывать надо много, так что пришлось ускорится, вот сейчас реально полезный урок, а не конструирование колеса, которое уже создано, так что лайк

[@sergiystadnyk6315]

Димыч, объяснял заранее что мы создаем колесо, чтобы понимать как оно работает ))). Если, Вам, нужно было делать реальный проект, почему, Вы, не разобрали другие туториалы по реакту или готовые проекты на гитхабе где все разложено по полочкам ? Я как раз таки тоже делаю первый проект на реакте, и кроме видосов Димыча, изучил еще очень много инфы. Без обид, но какие-то претензии к Димычу необоснованные, человек вкладывает душу в свой курс, а архитектура даже текущего кода еще будет продолжать рефакториться. P.S. А как Вы делали асинхронные екшены исходя из даных до 44 урока ? Если redux-thunk не рассматривался даже в текущих уроках.

[@ДенисКораблёв-г1т]

@@sergiystadnyk6315 я прописывал запросы на сервер прямо в компонентах, принимал данные, раскидывал их через свойства по компонентам, собирал данные, делал функции для колбэки для вызова, отправлял на сервер, все компоненты и страницы были просто функциями все данные хранил прямо в страницах, классов не было, у меня в компонентах было очень много пропсов, короче гемора было много, но в какой-то момент все начало идти все плохо, код начинал сильно дублироваться и я начал отрисовывать страницы объектаим. Просто Димыч не однократно в уроках говорил вот так вы будете делать на проекте, а то что это колесо он мог сказать через несколько уроков под самый конец темы. Когда до меня дошло что все начинает идти совсем плохо, начал смотреть другой курс, та к что как-то так. По существу курс хороший, просто в нем первые 50 уроков мало что дают, их может стоит смотреть тем кто вообще не знает JS, а времени тратят много, так что я бы советовал вообще их пропустить или выборочно посмотреть те которые не велосипеды

[@ITKAMASUTRA]

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

[@ДенисКораблёв-г1т]

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

[@Elvolvers]

Ахах, поржал в голос)

[@ИванБезруков-л3у]

Димыч ты просто красавчик, не перестаю восхищаться тобой и твоим курсом!!! Лучший курс React JS Redux refactoring рефакторинг mapDispatchToProps. 58 урок пройден, бомбим дальше, идем к целе!

[@pavel7930]

Не знал ! Круто !

[@volodya_kod6]

Не знал про mapStatetoProps, очень кратко, здорово, спасибо

[@АндрейПодколзин-ъ2х]

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

[@sos_voice_of_nature]

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

[@alexandrcorbin]

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

[@yuragrivicki5272]

лучший курс по ReactJS mapDispatchToProps

[@IgrikShit]

А я сразу когда мы начали работать через коннект подумал почему мы не передаем просто колбеки с редюсеров. И вот свершилось. Надеюсь и дальше выдержишь темп одно видео в день. Я для себя поставил цель с 1 июня уже быть готовым к собезу и рассылать резюме. Без тебя тяжело идет самообучение, особенно если не знаешь что нужно точно знать. Если не против у меня пожелание к ближайшим выпускам, что бы мы попробовали сделать что нибудь через хуки. Хотя бы что бы основу понять

[@sergiystadnyk6315]

Возможно в ближайших выпусках хуки еще не будут рассматриваться, хотя все может быть)). Смотрите, классовые компоненты мы юзаем когда нам нужен стейт или методы жизненного цыкла компоненты. Если же нам нужен стейт или методы жизненного цыкла внутри функциональной компоненты то мы не можем их там юзать ((. Хуки решают эту проблему. Примеры можете посмотреть на странице документации ru.reactjs.org/docs/hooks-intro.html Определение оттуда: Что такое хук? Хук - это специальная функция, которая позволяет «подцепиться» к возможностям React. Например, хук useState предоставляет функциональным компонентам доступ к состоянию React. Резюмируя: хуки позволяют делать внутри функциональной компоненты, все то, из-за чего мы использовали классовые компоненты (state, lifecycle methods). P.S. Перевод слова Hook - "крюк", "цеплять" и т.д.

[@IgrikShit]

@@sergiystadnyk6315 спс за ссылку.

[@ITKAMASUTRA]

Честно, звуки будут к выпуску 90!! :(

[@karway211]

Не знал! Лучшие уроки по React & Redux! React , Redux , курс React, State, Store, Dispatch ,Connect, Action, Route, Provider, Reducer, mapStateToProps, mapDispatchToProps, lessons of React & Redux, курсы по React с практикой, React.Component, Ajax, Axios, pagination.

[@mistrz7856]

Бомбим бомбим, 58 лекция есть! Спасибо, и здоровья тебе!

[@Maratreason]

Не думал что можно так сильно сократить код! Респект Дмитрий!!!

[@alexandrkornienko6595]

создал просто объект mapDispatchToProps и в connect передал ссылку на сам объект, так мне показалось более проще, если будет очень много диспатчей) а так спасибо! все круто и очень познавательно, и главное усваивается на ура, хотя я вообще, относительно, далек от программирования

[@nEW_MOMENTS250]

Большое спасибо я учусь уже 3 -4 недели

[@SergeSchekhovtsov]

Просто охреневший рефакторинг кода!) Очень круто.

[@Quentinrei]

Перед каждым видосом одеваюсь прилично и причёсываюсь, так как есть вероятность, что я окажусь в гостиной у Димыча React, Redux, API, JS, TS, best of the best

[@dob1wan174]

спасибо! мало знал, но чтото знал, поэтому смотрю твои видосы!! спасибище!

[@ВладимерСоколов-д1з]

React, Проснулся и смотреть твои видео) Спасибо за курс

[@amazing_is_near]

Лайк! Было полезно, отличный лайфхак! Едем дальше! 🙂

[@ГеннадийПетров-ж4ы]

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

[@АндрейДарменко-й8щ]

Да, я поддерживаю других участников - комментарии. Всё очень круто. Всё понял сразу, но на всякий случай записал в свою тетрадку "ReactJS IT-kamasutra" все три варианта кода. ReactJS + Redux - это сила!

[@LxndrKrchvtsv]

Перед началом просмотра не забываю ставить сочный-жирный лукас! Спасибо Димыч - твой курс просто находка! Благодарю тебя!

[@marsonleonardovich4036]

Всё отлично, спасибо!

[@fazatranz]

если вырвал мозг, забей болт, иди дальше(с) )))) димыч, ты мегапозитив)) лучший курс по реакту react js redux

[@ИринаШабулдаева-л6в]

Спасибо, все как всегда увлекательно!!

[@Багвматрицегребанойреальности]

Спасибо! Бомбим дальше, бомбардиры!!!

[@andrii2354]

знал такое но не понимал как так, теперь понятно, спс

[@MrVagula]

Димыч, спасибо. В целом все понятно, но возникло ощущение, как будто мы разорвали ранее понятно нарисованную картину. Есть "страх", что то, что мы сделали конкретно может запутать в будущем, хотяяяя... если знать и понимать логику работы connect и dispatch, то путаницы быть не должно. В общем это просто мысли в слух, ты же просил делиться) Двигаем дальше Ключевые слова: рефакторинг, mapStateToProps, mapDispatchToProps, connect, props, callback, actionCreator, action

[@ОлегПантус-о7ь]

Не знал такой фичи. Спасибо за урок!!!

[@lelkamod]

Димыч, спасибо! Обалденный курс, с удовольствием смотрю! Спасибо, что показываешь свое виденье и подходы! С тобой становится все намного понятнее) React JS- это круто;)

[@sergsergey4251]

Спасибо! Вспомнилась почему-то математика: выводишь-выводишь, потом сокращаем-сокращаем, хренак-хренак, почти ничего не осталось - оп, ответ, красота. React JS with IT-KAMASUTRA. Бомбим дальше ©

[@johnconnor9787]

Очень вдохновляющие уроки и напутствия!!! Топ контент

[@vovamaestre1136]

Очень доволен этим курсом! Респект преподавателю.

[@muhamadboboev4223]

Самый лучший курс по react ! Спасибо Димыч!

[@sheshko_pavel]

Спасибо! Инфа огонь. React mapDispatchToProps

[@MrZorg23]

Спасибо! Оч полезный лайк-хак с mapDispatchToProps!

[@spacerider9426]

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

[@semial]

Кайфово, когда код можно сократить и полюбоваться на красоту) Спасибо)

[@konstantinkuksov914]

Крутой рефакторинг! Сделал сразу и для Профайла и для Диалогов

[@НатальяПолянская-в4ь]

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

[@__maxsoul643]

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

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

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

[@midnightstar_zoriana]

спасибо!!

[@AndreiS-cu2wb]

Рефакторинг mapDispatch ToProps очень крутой. Димыч красава, такой полезной инфы в рутюбе хрен найдешь. Спасибо за твой труд!

[@AbaiIlyasov]

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

[@derrylsshowhh3249]

Классное и познавательное видео!

[@igormashinski1533]

Заманчивое ,,,,,, респект и уважухха ,,!!!!!!!

[@ivankuznecov2410]

Ставлю привет из 2021 для поддержки канала!)

[@shim-64]

Вау, какой красивый рефакторинг. Спасибо за урок! React redux js refactoring

[@bohdanatamaniuk6776]

Супер курс!Спасибо Димыч!

[@LxndrKrchvtsv]

Досмотрел до конца - не зря лукас поставил.

[@dechto1]

Круто отрефакторили! Класс! Иду дальше.

[@ПавелЛунин-ж3у]

Спасибо. Мощь! Сила!!! Порой аж охото ругнуться: Димы, а ты не охерел ли такую красоту жëсткую рисовать. ХОРОШ ЧЕРТЯКА))))

[@ПавелЛунин-ж3у]

Охохо))) лайкос прожал!)))

[@MikhailKuklenkov]

Царский лайк, Дима. Раскидал все по красоте)

[@jses8560]

Благодарю за курс!