35. Уроки, Курс React JS - callback, subscribe, observer

🚀Стань квалифицированным разработчиком за 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
Одно и тоже можно сделать разными способами. Немного зарефакторим наш код, применив что-то похожее на паттерн Observer. Опа! Шаблон? Да, те самые знаменитые Patterns!)) Которые доступны для понимания только избранных)) Но мы, самураи, разве не избранные? Потиху будем окунаться в разные крутые техники!
Летим!!!
Уроки по 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 #практика #примеры #уроки #курс #callback

[@plumbooom]

До 34 урока было кабзда как просто, но теперь осталась только кабзда.

[@ITKAMASUTRA]

Эти темы необязательны для понимания! Идите дальше!

[@plumbooom]

@@ITKAMASUTRA хорошо, спасибо за подсказку:)

[@user-jw1pc9ls1x]

@@f4mous69 сложновато тебе будет , мне 19, не было урока, который я не понял, этот уро вообще легкий, обычный патерн, который нужно запомнить и он будет облегчать тебе жизнь, не могу понять что сложного, возможно ты не проходил js, и все с нуля, этот урок в 4 слова можно охарактеризовать: EXPORT в INDEX, CALLBACK В STATE. Прошлый посложней, но тоже так себе, flux архитектуру не понять это странно, обычный цикл, ui - bll, напрямую в ui нельзя, а только через bll, все, так и кодим

[@user-im3nr6he9m]

@@user-jw1pc9ls1x Вместо того, чтобы хвастаться, что тебе легче, чем другим дается материал, лучше помогай другим людям понять его так же легко. И да, если такой умный, то можешь уже устраиваться на работу))

[@alekseysorokin4516]

@@user-jw1pc9ls1x согласен, Димыч понятно объясняет, только после его уроков, я параллельно пишу с нуля недомагазин, но так память лучше набивается, проверено. Кстати, а ты где нибудь проходил курсы? Просто мне самому 20, вот месяца 4 js ковырял на мдн и js learn + на codewars дошел до 4 каты, вроде бы многое понятно, и все тонкие моменты прошарил, но такое ощущение, что много времени потерял, т.к. 1 все учить очень скучно и многие моменты мог бы под чьим то руководством понять в разы быстрее.

[@WaRez86rus]

-Циклическая мне больше нравится *следующее предложение* -Ну соответственно циркулярная... :D

[@blgarOk]

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

[@blgarOk]

@AIDYS PUSHKUNOV хер там. Сегодняшние требования к джунам это просто пи@#*&! Спрашивают ни чуть не меньше чем с мидла. Кроме того нужно иметь приличный разговорный английский. Что касается этого курса, сейчас я бы его не рекомендовал, если только у тебя нет вагона лишнего времени.

[@blgarOk]

@AIDYS PUSHKUNOV порекомендовать в каком плане? курс по реакту? Ну такого у меня на примете нет. Попробуй поискать годный курс на udemy. Если с английским дружишь выбор много больше. Вообще, если ты начинающий веб разраб да и не только начинающий, могу порекомендовать бесплатные онлайн курсы от rs school. Очень неплохие курсы, большое комьюнити, много практики, работа в команде, проверка заданий других ребят. Но учитывай, курсы требуют немало времени и сил, от 20ч в неделю, поэтому оч желательно приходить на них подготовленным.

[@mavdroner1642]

@@blgarOk Устроился на работу?

[@romankrytski8687]

Тоже завис чёт. Сложно понять пока механизм паттерна. Вроде всё просто, а в голове не складывается уже сутки)

[@andrewkaliarovich6516]

@@romankrytski8687 ахахаха я тоже уже 5 раз смотрю, более менее картинка скложилась, пока смотрю, но стоит выключить, воспроизвести сложно.

[@denkodatskyi3381]

Лучшие уроки по React & Redux !!! The BEST!!! lessons of React & Redux!!! Programming and Coding!!

[@user-qj2yg1rn3j]

я думаю, что еще вернусь к этому видео....

[@supitacantora413]

и не раз))

[@sushi1730]

И не два))

[@user-sz9po8bi4x]

И не три)))

[@itsf2092]

и не четыре))))

[@jonecramer3870]

и даже не 5)))))

[@uzver3787]

1.render находится в index,но его нужно передать в state,но передать не можем т.к a)это будет цикл.зависимость b) index импортирует state. и смотри a) 2.создали ф-ц subscribe с параметр observer,которая даёт себя на export и ждёт пока кто-то её пригласит 3.эту ф-ц принимает в гости index и даёт ей подарочек в виде render 4.subscribe возвращается домой c render(подарок) и распаковывает его

[@aleksandrv.7787]

Спасибо!

[@kiryakirya-sila377]

Я бы хрен к этом сам дошел по урокам других... никто так не объясняет... пасиб, Димыч!

[@user-bf1bv5ye3w]

Точно. Хорошо разъясняет. 💪👍

[@user-lc7to1yb3m]

Абсолютно согласен! Бесценный курс!

[@Victor-vx4br]

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

[@user-dz3wr9vp6w]

У меня все получилось и мало того, что получилось, дак я еще и понял как это делается, как это работает. Я горжусь собой, я делаю, я переделываю, я понимаю, мне нравиться это, мне нравиться, что я совершенствуюсь. И поводом для всего выше сказанного послужил ты, да чувак, именно ты, ты делаешь меня лучше. Ты можешь гордиться, что ты делаешь чью-то жизни лучше, меняешь людей, двигаешь людей и при этом занимаешься любимым делом. Спасибо тебе.

[@vvks9901]

молодец блеадь ёпта

[@user-ho2qi4vl2k]

Объясняешь просто божественно!!! Спасибо огромное за твой труд!!!

[@user-sh8uc3sg5q]

Предыдущее видео смотрел раз восемь, этот видос зашёл с трёх раз) Спасибо за понятное объяснение)))

[@MrVebber]

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

[@user-wj2qg3wm5v]

Это божественно!Лучше объяснение паттерна наблюдатель во всем мире

[@user-dq3rc1xu7b]

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

[@user-wk3xi4fg7o]

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

[@tanyatritelnitskaya1911]

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

[@user-om2le4df7v]

2 раза посмотрела, проблески есть, но надо ещё переварить. Всё круто, спасибо за разжевывание!!

[@visokogroup7922]

Всё понятно! Благодарю!))) становится всё интереснее и интереснее!

[@aris8656]

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

[@user-ez7lk9kx6j]

Пошел читать о паттернах. Спасибо, Dimych.

[@mikewazowski7526]

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

[@robbinthebank1121]

Очень годный курс. Хотел бы сказать побольше таких людей, но пусть лучше будет один Димыч, один на миллион. Очень хочу уже дойти до 100 и ждать продолжения!!!

[@petssmile5985]

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

[@user-sx2bv4pf4d]

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

[@theWorldIsMultivariate]

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

[@mityaycho]

Как всегда нрав! Отличное изложение! С таким преподавателем я уверен, что всё усвоил бы гораздо быстрее...

[@sharkman6434]

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

[@bystryisokol1546]

Супер крутой курс, смотреть всем!)

[@bosfaction]

35,36,37 серии посмотрел по 3 раза с переывами в пару дней, теперь понятно)) Благодарю Димыч!

[@user-ng7dd7fm6f]

Дима, спасибо) Все понятно даже вопросов не возникает)

[@ctumyji9737]

Спасибо Учитель! Вроде бы и ясно все, но на всякий случай повторю пару раз и буду ехать дальше :)

[@user-ym7on2nk3o]

Спасибо тебе, самый лучший препод, так круто преподнёс сложную тему!

[@user-cl3fg5pn2w]

Оч полезный урок. Огромное спасибо) Понял не с первого раза, но потщательнее разобравшись в коде, все стало понятно!

[@kek_pupold]

Не советую смотреть это видео когда хочется спать.

[@Alex4ever01]

ну почему я не читал этот комент перед просмотром? :(

[@djmobley647]

Спасибо большое, ты меня предастерег от большой ошибки

[@user-xf8hc6kk1n]

)))))))))))))))

[@Snegurjan]

Поздно,я уже посмотрел 😬

[@ddrdeveloper]

...либо, наоборот, когда бессонница. Конечно, видюшки про космос вне конкуренции, но и это тоже действенное. Спасибо за уроки!

[@user-mq7nd5pq9q]

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

[@derrylsshowhh3249]

Крутой видос!Пошёл как по маслу,двигаемся дальше)

[@UnwarO]

Шикарно всё понятно, best of the best! Чёткое понятие callback`a появилось благодаря этому видео!))

[@vladim1]

Спасибо, Дмитрий! Талант учителя. И он тебе не принадлежит. Спасибо, что не зарыл в землю, а делишься им, да еще и такой хорошей атмосфере. Ты на своем месте и это довольно редкое счастье. Фух-фух-фух! Урок был супер!

[@theedgesoffreedom2981]

Димыч, спасибо тебе! А ведь реально ни кто так подробно не рассказывает! А самое смешное, все пытаются на твоём фоне выделиться, типо да, он так себе рассказывает! А когда людям говоришь в лоб, докажи если ты лучше! Покажи хоть что то! Сразу голову опускают и даже в сетках затыкаются! Как говорил Брюс Ли, если вас критикуют, значит вы всë делаете правильно! А критикуют и тебя и всех кто идёт по пути самурая! Так что мы на правильном пути!

[@dmitrybuinitski5245]

Как всегда, спасибо за урок, все супер, палец вверх)

[@mariia6820]

Спасибо за труд!Не с первого раза конечно,со 2го более понятно)

[@ivansamoiliuk5451]

Здорово, Дима! Спасибище за науку!

[@user-hu8ng6us3u]

Этот урок - реальный вынос мозга. Но через него нужно было пройти, особенно повторить самостоятельно с аналогичной компонентой. Крутяк!!!

[@aliakseilasevich3553]

Из того мира, передаём этому миру))) Оккультизм какой-то))

[@user-lu4hr3so1q]

Спасибо Димон. Очень крутой курс , я конечно с 33 по 35 видео всю неделю пересматривал. Но вроде что то усвоил. Топлю дальше!!!

[@user-ts3dn9cq9e]

В восторге от подачи материала!!

[@michaelbacy3525]

Действительно хорошо объясни, спасибо! Я продолжаю смотреть

[@elenakniazeva5388]

Спасибо за объяснение таких полезных вещей)

[@user-glory-of-ukraine]

Дімич, ти розжовуєш, як мамка коли вчить читати, дякую мужик!!!

[@resenpaii]

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

[@user-cf9sp7tp6k]

2021 год. Спасибо за уроки и постепенную необходимость изучать что-то новое(паттерн Наблюдатель) Смотрю дальше)

[@user-vt1fq1ul6z]

Очень круто объяснил принцип замыкания и как организовать перерисовку через callback. По крайней мере я узнал много нового. Спасибо за урок!

[@ivanmiarkulau8320]

Пошла движуха, уже посложнее темы с subscriber и observer, но благодаря хорошим объяснениям Димыча голова не идет кругом, а что-то усваивается)Спасибо за урок, летим дальше в ReactJS!)

[@bessonniy9208]

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

[@shamilalibekov8613]

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

[@user-le2wb7gu4s]

Спасибо))Классно объясняешь

[@user-xs1ix1zr7l]

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

[@nh42so42]

ты когда бабахнул функцию, которая ушла обратно наверх и там у себя переприсвоилась в обход импорта, я прямо как в том меме "БЛ..Ь! ДА ОН Е....Й ВОЛШЕБНИК!!!". вот этим меня программирование и затягивает! Спасибо за этот курс!

[@andriitkach6775]

Зашло с пятого раза и после прорисовки всех схем на листике. Теперь так и буду делать!!

[@Vikharev_NA]

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

[@semial]

Было полезно узнать о паттерне. Спасибо за урок)

[@alexey2769]

Понял со второго раза) спасибо! двигаюсь дальше!

[@RUS4HELP]

Этот урок точно ВЫНОС МОЗГА! Прошлый урок просто семечки)

[@AIsaev-ul8yi]

Большое спасибо за такой щепетильный подход к обучению. Это очень полезно... На прошлых 2-3 уроках я реально завис, потом проделал всю логику еще раз сам, сделал еще одну страничку для постов, закинул carrent.value в state.js , сформировал массив, потом по props спустил данные нужного массива в новую страничку, вывел нужные данные в textarea, закинул объект в переменную, затем перебрал через map() и создал нужную Компоненту, и вывел сообщение в нужном месте.., еще добавил динамически меняющийся ID и время с датой возле каждого нового поста, добавил фото и картинку... С одной стороны спускал данные по Пропсам, с другой стороны поднимал данные через Функции... Короче поигрался от души, 4-ре часа не мог оторваться от ноута, пока не доделал полностью... Зато теперь мне полностью ясен этот круговорот данных. И теперь, только начав смотреть это видео, я уже наперед знал как можно поступить в такой ситуации и решить данную задачу... Очень важно прописывать код с максимальным пониманием, что и как происходит, и делать самому, переделывать по новой, пытаться играться с кодом и немного импровизировать. Тогда приходит понимание, и радость от полученного результата и маленькой победы... Еще раз благодарю за практический курс))) 👍👍👍

[@enslit]

Да! Я все понял про observer... ты шикарно объяснил. Спасибо!!

[@user-yx7in9nl1d]

Всё освоил, не без труда)) спасибо большое!!!

[@aleksandrzelenskiy4000]

Планирую заново все проделать от создания кнопки до этого видео. Контент супер

[@spacerider9426]

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

[@user-bd4lw9hx3s]

Хитрый подход! Дмитрий очень хорошо объясняет! Ребята, не забывайте отдыхать!

[@viktoriyadedenok5074]

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

[@user-gj5hz9xi8t]

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

[@christinalozovaya5860]

ты прав, уроки нравятся - на них здорово подсаживаешься) спасибо тебе за твой труд

[@ITKAMASUTRA]

Пожалуйста, Кристина!!!

[@user-rv5lj2zy1r]

Пацаны незабываем, повторение- мать учения!!!

[@user-qf9kp6im9b]

ОГРОМНОЕ СПАСИБО ЗА УРОКИ!

[@user-xd3we2qp4i]

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

[@user-fi7rk9rh8p]

Ух...жестковато ))) Спасибо тебе в n- раз)) Пойду почитаю документацию, чтобы мозги остыли))

[@frontend-universe]

Смотрю в июне 2021, курс офигенный, данный урок это просто - гениально. Теперь знаю как с помощью колбэков использовать функции без импорта, с помощью переопределения.

[@almazyakhin7246]

По - моему я понял, правда прошло больше времени, чем обычно. Ничего страшного, буду придерживаться фразы "медленно запрягать да быстро ехать". Спасибо автору!

[@user-ku2sn1wz1c]

На 3-й раз стало все понятно! Спасибо, Димыч!

[@codenamecobweb4476]

Спасибо! паттерн observer хорошая штука для самурая лишней не будет)

[@nachalponimat]

Спасибо! Информация на грани моего понимания. Пока, приму за аксиому, а потом осмыслю подробности.

[@dimagraf5411]

Спасибо за очередной поток полезной информации))

[@user-pz6kr7px3i]

Супер курс) Спасибо огромное Димыч)

[@kedrolit1521]

Спасибо, Дмитрий! Очень крутой контент конечно! Спасибо, Эльдар.

[@Artem_K_Demidov]

Писал в прошлом ролике, что запутался. Не доглядел лишний push. Продолжаем создавать и удалять. Мне такое нравится. Словно книгу пишешь. Нет идеальных слов, но ты все время что-то редактируешь и меняешь.

[@braivs]

Прошел. Очень мощный урок по контенту, не смотря на короткое время. Посмотрел отдельное видео по callback, 2 штуки. Читал пояснения в википедии (там сложно, но что-то понял). 4 раза пересматривал это видео, чтобы врубиться. Конспектировал и на скорости 0.5.

[@ITKAMASUTRA]

🚀🚀🚀🤝

[@user-zm7qm1lf8b]

Димыч Настоящий Самурай!!!Спасибо большое за Ваш нелегкий труд!!!

[@happyalex1]

Спасибо! Немного сложно, но понятно, главное теперь все запомнить

[@xmarsianca]

Согласна на 100%,что фиг кто такое объяснит.посему-низкий поклон

[@taraslozovoy465]

Красава, спасибо за возможность стать React разрабом!!!

[@irina4388]

Спасибо огромное! Это просто бесценные знания!

[@MegaVaNushka]

кабзда как круто! а написание кода на ts делает процесс еще круче:)

[@furzaa]

Спасибо за обсерверы и их объяснение.

[@user-zg4ef9in6s]

Циркулярной пилой прям по мозгу :D класс! Бомбим дальше)))

[@unlfoem3006]

Лайк, все круто, смотрим дальше

[@user-qi1kt2sr5m]

Димыч, спасибо за крутые уроки! Возникло небольшое недоумение, когда ты передачу callback'ов в пропсы сравнил с техникой передачи наблюдателя в функцию, разница небольшая, но дьявол прячется в нюансах)))

[@user-vs6bg3xn5s]

Я месяцев 3 изучал чистый JS, до этого месяца 2 верстал чисто на HTML и CSS, то есть довольно глубоко понимаю все три кита и поверьте мне это сейчас дает свои плоды при изучении каких либо фреймворков, плагинов и т.д. Все смотрится легко и доступно и нет каши в голове, поэтому рекомендую начать с основ ребята. Дима все очень круто, ты делаешь очень большую работу, да поможет тебе Бог

[@evgen_frontend_rostov]

Мозг в шоке, но у него нет выбора))) Димыч, всё круто! Бомбим дальше)

[@codegorian6057]

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

[@pavelrumyantsev626]

Отлично!!! Только Вперед!!!