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

it-incubator.i... - человекоориентированное, честное и профессиональное обучение front-end и back-end разработке гарантированно до трудоустройства за фиксированную стоимость.
Поддержать меня можно на patreon / itkamasutra или оформив спонсорство на данном канале.
Помогайте друг другу вот здесь: t.me/reactjs_s...
API: social-network...
Функция mapDispatchToProps разрастается. По факту мы в колбэках что делаем? принимаем параметр, делегируем его экшен-криейтору и дальше полученный экшен диспатчим!
Так вот, если оно так, то можно сократить код, передавая вторым параметром в функцию connect не функцию mapDispatchToProps, а передавая просто объект, состоящий из экшенКриейторов! как-то так))
Уроки по React JS: • Курс "React JS - путь ...
Сайты:
it-kamasutra.com
it-incubator.eu
samuraijs.com
Мы в соц. сетях:
itkamas...
/ itkamasutra
telegram.me/it...
Мои личные VK и Insta:
d.kuzyu...
/ it.kamasutra.dimych
#презентационная #reactjs #практика #примеры #уроки #курс

[@ProWichDoctor]

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

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

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

[@tpstlk]

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

[@Vlad6817]

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

[@ProWichDoctor]

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

[@ProWichDoctor]

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

[@TvoyRushan]

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

[@lostincoda2800]

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

[@katecosiness]

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

[@brucewayne_007]

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

[@Vitalion83]

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

[@yersainaldabayev8836]

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

[@bublikbublikovich2229]

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

[@СергейВоробьев-ж5й]

Самый лучший лайф-хак про mapDispatchToProps , В конце курса , у нас так каждая страница будет из трёх строчек состоять!

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

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

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

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

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

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

[@ivanmiarkulau8320]

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

[@yuragrivicki5272]

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

[@dimitriitkach7697]

spasibo za urok - React JS - mapDispatchToProps лайф-хак

[@alexey2769]

ReactJS mapDispatchToProps. Спасибо! двигаюсь дальше!

[@asyven]

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

[@АртемийЛукин-г4ы]

Летим !

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

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

[@iceaye5730]

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

[@SimonCarShop]

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

[@NoakSV]

Клевый рефакторинг!

[@evgen_frontend_rostov]

10.11.2021 React JS - mapDispatchToProps Бомбим)

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

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

[@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.

[@lynxart1015]

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

[@Артем-ч7э9ъ]

Ха! Вернулся к этому видосу спустя 2 месяца после занятий в инкубаторе, теперь кажется что такой детский сад :)))

[@__kawaii]

А что не детский сад?

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

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

[@buksirchik1663]

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

[@fps404]

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

[@IgniosTyumen]

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

[@vladosononame6376]

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

[@sergeyistominov5880]

плюсик для лучшего ранжирования в react-комьюнити =)

[@dimakarpov8247]

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

[@volodya_kod6]

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

[@abazunts]

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

[@ITKAMASUTRA]

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

[@sanbuz]

Спасибо ! React , redux, js, mapDispatchToProps

[@talaevleonid696]

Классный урок. Закончи этот проект в 300 видео)

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

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

[@Emili_live]

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

[@АртурПоздняк-я9х]

30/03/2022 хорошее сокращение, главное не забыть что откуда и куда)

[@salvation6153]

Спасибо Димыч из 2020 тебе =) ты красавчик, продолжай бомбить, что бы ты ни бомбил сейчас=)

[@feddim9624]

спасибо!!! учусь дальше!!!) #React JS - mapDispatchToProps лайф-хак

[@low_hz_ru]

mapDispatchToProps больше не нужен)) надеюсь далее будем также все сокращать))) Юху

[@MrNimbus3000]

Я пошел чуть дальше. Создал объект внутри Редьюсера внутри данного объекта как свойства описал мои AC. Таким образом мне вообще не надо ничего специально прокидывать через контейнерную коспоненту. Единожды описав свои АС как свойства экспортируемого объекта в редьюсере, с иключами, соответствующими названию коллбека в пропсах для компоненты, коллбеки прилетают автоматически, я вообще не парюсь ни про что больше.

[@mrmicolka]

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

[@AbaiIlyasov]

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

[@andreyantonovich379]

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

[@vovamriya2084]

А вот эта логика была действительно полезна!

[@ValeriiYanchev]

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

[@Quentinrei]

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

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

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

[@indigosay]

))

[@alexandrcorbin]

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

[@ittalker]

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

[@midnightstar_zoriana]

спасибо!!

[@alik64]

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

[@Olga-vw3ni]

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

[@RUS4HELP]

Смотрю и конспектирую - 28 февраля 2021 года!

[@sheshko_pavel]

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

[@kastussha1418]

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

[@bystryisokol1546]

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

[@volodymyrsus]

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

[@Aleks-lk1et]

Спасибо! 2022! Иду дальше!

[@dechto1]

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

[@MrVagula]

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

[@maksimpl]

спасибо Димыч, нобярь 2022 летим

[@АннаБояршинова-о3т]

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

[@indigosay]

%)

[@6ajkermexx591]

Не знал. Хочу на работу)))) Димыч - супер! Присоединился к вам всем на Телеграмме.

[@glebbsif]

Попутно новое для себя открываешь из JS

[@ЕвгенияХмара-х9б]

прекрасно, летим дальше

[@konstantinkuksov914]

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

[@alexandrkornienko6595]

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

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

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

[@ivankuznecov2410]

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

[@pavel7930]

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

[@zMxxxxxxxxxx]

Не знал, круто.Растем, Димыч, спасибо!

[@gregorytorshin2574]

Визуально действительно стало лучше, но мозг пока не догнал как это вышло, надо через руки пропустить всё на практике)

[@annabolbot1228]

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

[@lip_ok]

Не знал, кмб 23) Всё супер летим дальше!

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

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

[@ВладимирГугин-ш7щ]

Я не знал, ставлю лукас. Хочется увидеть реакт и дальше, до уровня PRO

[@LxndrKrchvtsv]

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

[@Aleksandr-w4e]

дико кайфанул когда за 2 минуты буквально снес огромную часть кода, и все продолжило работать! буду скучать по mapDispatchToProps :D

[@derrylsshowhh3249]

Хаха,тоже)

[@xtereone]

До этого курса не знал про сокращение диспатча) - Димыч Красава)

[@ДмитроПасічнюк]

Круть, бомбим дальше)

[@АлексейМелентьев-ч3в]

маленький шажок Димыча - огромный шаг для всех остальных.

[@eugene-dmitrievich]

Круто👍👍👍 Спасибо большое!!!

[@aleksandercross5936]

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

[@bohdanatamaniuk6776]

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

[@Brinzovik]

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

[@alira2924]

Отличный курс

[@wild_wizards]

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

[@mmm2358fo]

Димыч!!!!!!!!!!!! Давай после этого проекта бомбить Node.js, ребята поддерживаем лайками

[@bur5153]

Ты явно не досмотрел до конца) нет тебе прощения

[@denistrapeschonok471]

Крутяк! Апрель 2021.

[@bugaga8144]

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

[@Кодер-д9б]

Lesson 58 Done!

[@pashabezk]

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

[@SergeSchekhovtsov]

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

[@tim7703]

Спасибо, Димыч! Иду дальше :)

[@andreykryzhniov794]

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

[@ITKAMASUTRA]

Спасибо

[@БорисЦ-ю8ы]

Невероятно, но факт, mapDispatchToProps лайф-хак работает.

[@romanpomin1967]

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

[@jses8560]

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

[@igormashinski1533]

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

[@ГеннадийГорохов-ц8н]

Очень интересный Урок сегодня 10.11.2021г. Продолжаю учиться!!!!