44 - React JS Практика - Context API

🚀Стань квалифицированным разработчиком за 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
Уроки по 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 #практика #примеры #уроки #курс

[@ITKAMASUTRA]

Здесь я нашёл ошибку уже и объясняю, в чём была проблема (фигурная скобка должна быть на новой строки после Consumer) kzbin.info/www/bejne/h5C4p3SXgLh-b5I А здесь я показываю, как я тупил и пытался найти проблему: kzbin.info/www/bejne/h5C4p3SXgLh-b5I

[@ollegat]

Молодец, поведение достойное учителя!

[@botamadimova1316]

Видимо в последних версиях уже исправили это. У меня ошибка даже не появилась, поэтому сперва не поняла о какой ошибке речь :-) Димыч, спасибо огромное за такой подробный курс!!! Почему-то от видео к видео меньше лайков, что очень огорчает. Выживают сильнейшие?

[@romah2102]

Мне тоже повезло VS code сам перенес эту скобку при сохранении и обернул все остальное

[@maxkos6184]

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

[@Alex-hi2vy]

Там space'а не должно быть.Столкнулся с этим на 30 уроке.Написал одной строкой и внутри перед бы space....Долго голову ломал.

[@user-ml5vp6rp9n]

Я поняла в чем прикол. Димыч сначала заводит нас в дебри, мучает неудобным кодом, а потом показывает, что этого делать не надо, потому что есть библиотечка. И ты такой сидишь и плачешь от счастья, что тебе не надо до конца своих дней пропсы прокидывать в огромном проекте :-D Спасибо, Димыч за урок!)))

[@developers_gaming]

На роботе будешь кидать, будет пачка пропсов на весь моник))))))

[@FerelUltra]

@@developers_gaming Ты человеку жизнь сломал)

[@pauldudich]

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

[@user-oo3vu6zl8m]

Я наоборот так привык к пропсам и тому, что нельзя прокидывать стор целиком, что при выполнении прошлого урока потратил часов пять на debugger

[@user-uw9is8gw2k]

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

[@user-vk5vn9ib6k]

Ничто так не ломает мой код, как рефакторинг от Димыча)

[@user-zu5pj8mo3u]

Я уже боюсь когда Димычь говорит для лучшего понимания мы "зарефакторим код"

[@ctumyji9737]

Обычно у меня такое заканчивается полным отказом приложения работать :D

[@user-ih6ie9ve6d]

жиза ппц

[@vladyslavfx3892]

в голос))))

[@maxkos6184]

цикл (Эксперимент (рефакторинг) --> ппц --> чтение документации и повторение урока Димыча)

[@Kostiantyn_S.]

Если кто-то прочитает этот коммент, то создавайте новую ветку через гит, а потом возвращайтесь в master.

[@kiryakirya-sila377]

Дима, посмотрел как ты искал ошибку и прям так грустно в конце это "конец связи" прозвучало... Аж прям за душу взяло...

[@ITKAMASUTRA]

неа.. ребят, не грустим!! Летим!!))

[@ihorbailov9698]

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

[@user-gt5ux9cx6p]

устроился на работу уже?

[@erkink771]

30:48 "Резкие перемены это всегда плохо. Революции это всегда плохо" (с) Димыч.

[@user-ni1hm8np6v]

Какой же мегакрутой курс! Может быть он не настолько причесан и тщательно отрежессирован... Но на данный момент, пока я смотрю 44 видео, Димыч выложил уже 88 видео. ВОСЕМЬДЕСЯТ ВОСЕМЬ!!! Это просто эпический размах! С учетом того, что есть и часовые ролики, можно представить какой объем информации изложен. Я уже поглядывал курсы по React. Но обычно это десяток роликов по 5 минут... Где автор быстро и сжато что то умное рассказал, а ты потом сидишь и полчаса тупишь, что же такое тебе донесли... И как это понимать. Тут же автор просто так все разжевывает, что только успевай проглатывать. Респектище! Как говорил один из героев фильма Мумия: - Он никогда не ест, он никогда не спит, его невозможно остановить!... Не останавливайся Дмитрий! Мы хотим все знать!

[@ITKAMASUTRA]

Супер, спасибо за обратную связь!!! И мотивацию! Летим!!🚀

[@user-gt5ux9cx6p]

ты устроился уже на работу?

[@user-ni1hm8np6v]

@@user-gt5ux9cx6p 2 года уже как устроился

[@seregaant68]

Уже реакт сеньор разработчик?

[@motooven]

*ФРАЗА ПРОСТО УБИЛА : - конец связи я не знаю в чем дело )))) ооо Димыч развеселил!!! красавчик*

[@alexeyilin1527]

пушка) только у меня всё по другому, 5 минут пишу код, 2 часа ищу ошибку))))

[@ildaryusupov9637]

есть такое

[@rud1118]

жиза жизненная жизненных жиз

[@bormanbormanov3323]

не то слово и начинаешь думать стоит ли идти дальше если тебе так тяжело

[@alexeyilin1527]

@@bormanbormanov3323 дальше будет легче, мозг привыкнет через месяцок где-то, мейби пораньше)

[@SlimDwarfPavelIronfoot]

Я один раз ошибку три дня искал... думал или ноут разобью или закину этот реакт... ))

[@enslit]

Классно сделал с поиском ошибки. Приятно, что у тебя нет желания понтоваться перед аудиторией, но есть желание научить. Это вызывает уважение к тебе как к учителю! Ты реально крутой)

[@user-lu4hr3so1q]

Красава Димыч!!! Спасибо за курс!!! Кто из декабрь 2020?

[@annastatcenko2948]

я))

[@robertsasimovich7795]

я) не кажется что излишне долго подводит к итоговым способам решения задачи? я просто пока смотрю "разжёванность" успеваю запутаться. кажется что проще было бы сразу рассказывать об актуальных способах решения(сразу как оно делается, а не создавать свой redux, а потом уже использовать react-redux)

[@user-lu4hr3so1q]

@@robertsasimovich7795 кому как, мне наоборот нравится, что он все подробно объясняет, следую его совету бегаю по собесам

[@robertsasimovich7795]

@@user-lu4hr3so1q с какого урока начал бегать?

[@user-lu4hr3so1q]

@@robertsasimovich7795 с 48

[@user-tf6jz7hj9d]

Поиска ошибки - самая классная часть видео :)))) "Всё, конец связи, досвиданья ... " :)))))

[@user-hg6im5cg2i]

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

[@piligr1m_ua_]

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

[@Pitonio1]

Конец мая 2022. Скобку так же нужно переносить.

[@user-xu3bh5bm1m]

Не разжевана и до сих пор тоже) Три года уже прошло. Зачем кому-то объяснят так подробно что-то. Задача большинства просто просмотры и лайка. Натараторил и так пойдет. Главное пафос и правильный тембр) Причем я не могу понять тех кто им оды поёт. Сидят по недели тупят в один ролик в котором просто упускается куча нюансов на которых все и строится. Спасибо тёске хоть он заморочился)

[@artemy5594]

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

[@AbaiIlyasov]

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

[@zucker6166]

наверное уже прошел давно все? как с трудоустройством дела?

[@bakelev]

Круто, что вынес разбор ошибки в конец выпуска. Как всегда красавчик! ))

[@bystryisokol1546]

Всё круто, давай бомби дальше !!! Like Like Like

[@user-gg5po7yt6z]

на часах 12 AM для нас это 00:00! спасибо Дымич за то что записывал видео урок для нас так поздно

[@andreiribac6284]

12 Июля 2021 год! Я вернулся к обучению, смотрю это видео 3 раз, раньше плыл и не понимал. Сейчас приходит осознание!

[@egorn6543]

Главное не брось на пол пути, доведи до конца. Это очень серьезный труд и хочу, чтоб тебе хватило сил допилить это до самого финала

[@user-rp8oy2kf5d]

Это ты сам себе ?)

[@user-gt5ux9cx6p]

устроился на работу уже?

[@user-gt5ux9cx6p]

@@user-rp8oy2kf5d Сам-то не бросил?)

[@user-rp8oy2kf5d]

@@user-gt5ux9cx6p до сих пор работаю)

[@kedrolit1521]

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

[@MrsBarskaya]

Поздравляю с сотней!!! Ты этого заслуживаешь!

[@user-jf8ks9ut2z]

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

[@ITKAMASUTRA]

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

[@olisy87]

Все очень понятно и очень-очень интересно) Спасибо большое за столь чудесный курс))) Часто сама пробую что-то написать перед просмотром вашего решения с DialogsPage, а затем проверяю.

[@user-yq4dn3gj5p]

вот ты красавчик, молодчик, так держать. Еще видосы.

[@user-es8vl7le5g]

Подача -огонь! Все становится на свои места. Все понятно. Это лучший курс по реакту. Большое спасибо.

[@vsevolodpokhvalenko4705]

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

[@user-yw2cx7uu4j]

Супер!!!! Димыч, бомби бомби бомби дальше!!!!

[@vyacheslavpm3779]

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

[@user-ff4kw3kz8d]

Блин, такой кайф когда находишь решение проблемы которая мучила пол дня, спасибо за уроки!!

[@theWorldIsMultivariate]

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

[@vladim1]

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

[@browix3114]

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

[@wild_wizards]

Отличная подача материала, все супер! Бомбим дальше!😀

[@holyage3128]

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

[@sergiokurilov152]

В очередной раз спасибо и заслуженный лайк! Ждем новую библиотечку!

[@mavdroner1642]

🤣Было круто с поиском ошибки, узнаю себя!!! ОЙ ну нафиг всё не знаю а потом не усну пока не найду, а там элементарно букву где-то пропустил 😅. Димыч Красава! Спасибо

[@user-jz1mn5ec3y]

здорово, что показал как отлавливаешь ошибку) понимаешь, насколько важно копаться в документации, ведь в примере стрелочная функция идет с новой строчки)

[@ivanmiarkulau8320]

Спасибо за объяснение принципа работы и предназначения Context API ReactJS, все понятно, летим дальше!)

[@user-dc1cr5ny3q]

Все супер! Летим дальше!!!)))))

[@unskeptik]

Бомбим, Димыч! Спасибо!

[@o.t.1934]

С каждым видео становится все интереснее)

[@ihorbailov9698]

Всё понятно, доступно, качественно! Спасибо!

[@yevheniigoman]

Спасибо за урок! Самый лучший плейлист по react на youtube!

[@mylife-myart4916]

Какой же это кайф, когда ты понимаешь, что твой мозг сам дошел до идеи создания отдельной компаненты для передачи глобальных данных и тут приходит видео с организацией этого процесса=)) спасииибо!!!!

[@urlmy]

Жду следующих видео, молодец!

[@nk_77777]

Димыч, бро! Вот это мега крутой выпуск, где ты заставил меня открыть и почитать документацию про Контекст - и чудо, я понял что это и для чего! Респект тебе, мужик! ❤

[@kirilotur2208]

Я прошлый урок когда проходил, допустил ошибку. Пересматривал видео раз 5 - 6, дебажил около 4 -х часов. Сначала сердился, затем отчаялся, а в конце сидел ржал истерически)))). Но зато какой кайф найти эту ошибку!!

[@Snegurjan]

Я так 22 часа без сна отлавливал ошибку,думаю уже в конце ,еще сутки поотлавливаю,если не получится солью с гита код и просто вставлю .Слава Богу нашел.Научился дебажить благодоря этому немного.Получается реально ,что нас не убивает ,делает сильнее!

[@user-gr7bm5ll5w]

Поздравляю, это очень круто найти ошибку. У меня похожее было, реально руки опускались. Пропустил ее как есть, прошел несколько уроков дальше и только потом в комментах под видосом подсказали, что сменился формат самого кода react, и что было нежно подправить. Мега облегчение!

[@vladislavdukhovnik8479]

спасибо за труд, Димыч! Продвигаем твой курс дальше

[@boevayasemga]

Всё круто, бомби дальше, не останавливайся!

[@Ruslan1192]

Спасибо Дима! Бомбим дальше :)

[@slater149]

Спасибо. Ждем следующих видео. Бомби дальше ))

[@spacerider9426]

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

[@user-mt1te4fr1y]

Все круто бомбим до конца!)

[@user-ov8mx3ej4z]

Очень не удобно происходит когда Димыч говорит: а это сделайте самостоятельно. Ты это делаешь самостоятельно. Но в следующих 10 уроках это не делается на видео. В результате возникают баги, которых нет у Димыча, потому что этот код еще в принципе у него не написан. И ты в шоке пытаешься сам дебажить 2 часа. Хорошо, если у человека хватает терпения, но иногда и нервы сдают. Я уже не первый раз попадаю на такую ситуацию.

[@iasaller]

это отличный опыт, сам так делаю, помогает лучше понять тему

[@kseniiaefremova4696]

дааааа! Я два дня потратила на поиск последней ошибки, у меня в навбаре-друзья еще отображаются-и там часто возникают ошибки)

[@dr4kess]

на 8ой день я наконец-то задебажил свой код ։D

[@user-dv1xv3co7o]

@@kseniiaefremova4696 навбар с друзьями - это отдельный вид искуства)

[@user-bx7ly2th3b]

наконец-то, ждал этого уроков 20-25, тока не знал как это называется )))

[@user-im8le2mi2w]

Спасибо, Димыч! Смотрю, учусь

[@esken97]

Круто Димыч) бомбим дальше)

[@oconnor4417]

От души, бомбим дальше!❤️

[@user-rj6pz4un2t]

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

[@hachiko489]

Господи, спасибо, кто ещё будет так разжёвывать redux и как он устроен. Спасибо, без того как это работает под капотом мне сложно понять какую-то технологию, но ты так это объяснил, просто спасибо

[@qwekle456]

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

[@fedyk_a]

Досмотрел видео до конца. Благодарен твоему труду.

[@romanmelnichenko1365]

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

[@qwertyytrewq3453]

Бомби дальше. Норм всё. Смотрю каждый день.

[@aliaksandrkisel2359]

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

[@DmitryJT50]

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

[@vyvaida]

Спасибо тебе за труд. Ты молодец. Лучший учитель

[@__online7250]

Очень полезное видео! Чтобы было понимание, что именно происходит внутри библиотеки! Спасибо, Димыч, как всегда, красавчик!) Респект!!!

[@zucker6166]

смотрю по 5 уроков в день, чтобы успеть пройти курс до конца июня. День 10, урок 3 из 5

[@reactguy]

Пожалуй лучшие курсы на ютубе, может быть и во всем рунете по react. Неустанно жму на кнопку "Лайк" под каждым видео. Спасибо, Димыч!

[@Abdul-hy4cy]

Спасибо за урок ! Момент с ошибкой понравился больше всего. Как ты боролся с ней, пытался фиксануть её. Я думал всё же найдешь и хотел твою реакцию на это увидеть. Но и такая концовка тоже хорошая)))

[@over_the_top_404]

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

[@fargutvest]

Все круто! Давай бомби дальше, не останавливайся!!!

[@tim7703]

Спасибо за Ваш труд! Теперь буду в предвкушении react-redux и connect'а!

[@Snegurjan]

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

[@user-cw3gv1dq5p]

Димыч, огромное тебе спасибо! Очень помогаешь! Все сверх информативно!

[@andreipalii1220]

Закончить урок на 29-й минуте (из 43) это как уйти всем классом с уроков по согласию учителя :D

[@denkodatskyi3381]

The BEST lessons of React & Redux !!!

[@user-iv5bx4ls6l]

Красавчик, бомбим!

[@user-ft1rl3ss9u]

отлично объясняешь, красава!

[@michaelcovalciuc2240]

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

[@nazarpyasetskiy1841]

Діма, ти круто пояснюєш!!! Дякую за уроки

[@user-zh3tb4gc5r]

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

[@user-sw6jv3ot4z]

Бомби дальше и не останавливайся!!

[@ctumyji9737]

Спасибо Димыч! Было интересно, погнал дальше :)

[@user-gv2dt2dx9f]

Круто! Дімич красава)

[@miguelgrushetckii4839]

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

[@user-vt4yb9ee2y]

Димыч ты КРУТОЙ!!!!! И мы с тобой становимся такими! Спасибо огромное !!!!!

[@kirik55]

Круто!!! Все так разжовано!!! Все встает на свои места в понимании!!!

[@mykhailostepanishchev6472]

Все круто !!! давай,бомби дальше !! Спасибо !

[@sonnytonight414]

Димыч, ты молодец! Побольше таких людей как ты, и вы перевернете мир! А я помогу!))

[@user-tf1rn7qq2p]

Большое реактивное спасибо, Димыч!

[@lerne-du]

Бомби дальше! Не останавливайся! Все круто :)

[@davmovsesyan7726]

короче лайфак, я каждый раз трачу много времени не понимаю какие-то темы, потом уже не первый раз самотрю Диму и он красава, ну ОЧЕНЬ хорошо обясняет, как на первуб работу на реакт разраба начну работать, кину Диме деньги как благодарность! он Крут! смотрите и учитесь!!

[@artemy5594]

@IT-KAMASUTRA "TypeError: render is not a function" На самом деле это не требует новой строки, а требует, чтобы вы отображали один дочерний элемент, который является функцией. Когда вы пишете пробел между Consumer и фигурной скобкой, этот пробел воспринимается, как пустая строка, а за ней идет функция, т е дочерних элементов становится два! [' ', [Function]]. Пишите без пробела {...} или переносите фигурную скобку на новую строку, тк новая строка не создает текстовый узел в виде пустой строки "".

[@Ddddddddyu]

Боже. Не мог понять в чём ошибка. Минут 20-30 ломал голову. Спасибо)

[@orangedragonthebestraper]

только после инкапсуляции в provider она возврашвется, учитывая что внутри ничего не поменялось!

[@evgen_frontend_rostov]

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