54 - React JS практика - жизненный цикл, life cycle methods, componentDidMount

🚀Стань квалифицированным разработчиком за 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
API: social-network.samuraijs.com/
Много практики по reactJS, друзья, много примеров, один большой проект, приправленный теорией!
В двух словах тезисно:
1. Раз у нас есть класс, значит у нас создался объект, ответственный за конкретную отрисовку конкртной компоненты и именно с ним "общается" React
2. Компонент может получить новые пропсы, компонент может быть вмонтирован непосредственно в DOM, компонент может быть из DOM демонтирован папой Реактом, компонент может изменить локальный стейт и обновиться. И обо всём этом как-то должен узнавать объект
3. Как? Через методы жизненного цикла.
4. Нам пока интересен метод componentDidMount
5. Этот метод срабатывает всего один раз, сколько компонент бы не обновлялся в процессе своей жизнедеятельности. По факту вмонтирование в DOM происходит ЕДИНОЖДЫ.
Значит это идеальное место, чтобы сделать инициализационный AJAX запрос, и запросить, например, пользователей! ;)
Уроки по React JS: • Курс "React JS - путь ...
* Сайты:
it-kamasutra.com
it-incubator.eu
samuraijs.com
* Мы в соц. сетях:
itkamasutra
/ itkamasutra
telegram.me/itkamasutra
* Мои личные VK и Insta:
d.kuzyuberdin
/ it.kamasutra.dimych
#class #reactjs #практика #примеры #уроки #курс

[@arturkost7217]

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

[@torex1123]

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

[@ITKAMASUTRA]

Спасибо, Тимофей! С праздником!!!

[@user-rp8oy2kf5d]

аахахаха, бог даст здоровья за то что человек делает курс ?) Ну ты фантазер

[@haykmxitaryandinamoboks9759]

Бога нету

[@user-zx4by7bu2e]

@@user-rp8oy2kf5d За то что человек тратит свое время , старается ради других , не берет за это деньги.

[@user-rp8oy2kf5d]

@@user-zx4by7bu2e Когда ж вы уже перестанете в единорогов верить.. Человек сделал специально 100 роликов, и растянул так, что бы было просмотров много с ютуба, потому что за 1000 просмотров ютуб платит по 1.5$ в среднем. Специально сделал так, что бы проплачивали API и посчитай сколько заработал если даже каждый кро прошел курс купит по 280р всего я раз её. Все делалось исключительно ради заработка и не более того, что впрочем не отменяет крутость курса.

[@multithread_cat]

25 февраля 2022, ночь, у нас в нашем городе тихо, я смотрю курс и пишу код... Мне страшновато от новостей, но хотя бы курс меня успокаивает, спасибо Димыч!

[@taposhelti]

как успехи? Дошел до когнца?

[@bormanbormanov3323]

Какой город?

[@multithread_cat]

@@bormanbormanov3323 да норм у нас все, хотя судя по новостям прилетало и у нас, но я не видел ниче и не слышал, кроме регулярных воздушных тревог. Курс до конца смотреть не стал(курс хорош, но тут слишком разжевано + Димыч показывает как развивался Реакт, а многие штуки уже легаси, типа ща все на хуках, тот же mapStateToProps это уже прошлый век типа), хотя думал посмотреть если не 1 курс до конца, то хотя б 2(там где уже хуки юзают вместо классовых компонент).

[@DzhavidR]

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

[@maximl8377]

@@multithread_cat так 2.0 еще не вышел

[@bystryisokol1546]

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

[@user-fs1ux7dy6r]

Димыч - лучший React учитель не только в рунете, но и во всем интернете. Говорю как человек , который перерыл все Udemy в поисках адекватных курсов на любом языке)

[@bandershtadt7186]

Дякую за дуже корисні уроки !

[@user-qs7ij8df4q]

Смотришь видосы курса с ощущением, будто это и не курс вовсе, а супер-мега добрый и позитивный сериал, в котором ты еще и прокачиваешься) Этому курсу однозначно дорога в ТОП ютуба по реакту! Димыч, если вдруг ты прочел этот месседж - знай, я скоро приду в инкубатор, и лично поблагодарю тебя, не только словами, естественно ) life cycle methods, componentDidMount, React, Redux

[@user-gt4dm8cs4b]

🔥["React JS - путь самурая 1.0", "React", "Redux", "максимально понятный курс"]🔥 Димыч, огромное спасибо за твой труд!!!

[@mrmicolka]

Каждый раз при смене url метод componentDidMount добавляет пользователей в массиве users. В итоге получаются дубли. Вернул проверку на наличие данных в массиве обратно)

[@tomuromusic9557]

та сама проблема(

[@tomuromusic9557]

@Uladzimir Losich дякую)

[@eugenechabrouski1759]

@Uladzimir Losich спасибо!

[@kamol8861]

@Uladzimir Losich так юзеры которые изначально были в стейте просто стриаются ведь. Надо чтобы юзеры из initialstate-а не исчезали и при этом новые не дублировались

[@vladislavhirsa9094]

Спасибо, круто твои жизненно-учебные советы даже иногда важней самой темы, спасибо большое)) Мы с тобой)) React Redux! Best Course!

[@user-mm1uk3pr5k]

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

[@serdibro6919]

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

[@raros1]

все жалеют )

[@user-ni1hm8np6v]

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

[@user-yj9wf7lb3j]

Устроились React разработчиком?)

[@mylife-myart4916]

да, устроились?))

[@CryptoRich-Roadmap]

тоже интересно)

[@user-qf1lo6qk2m]

Алекс не молчи, так и скажи: вот я как все в восторге обещал про зарплату, а потом так и не дошёл до финиша. Не обещай того, чего не можешь сделать

[@user-ni1hm8np6v]

Да. Кстати. Прошу прощения. Устроился. Но конечно не на 100 тыс. И спасибо за напоминание. Надо будет перевести денег как обещал. Видосы Димыча сильно продвинули. А сейчас жестокие будни, голову от компа некогда оторвать, не то что видео новые смотреть...

[@grandmaster-yo-yo]

Лето 2023, половина курса позади, очень полезно, увлекательно и интересно!Спасибо за все)

[@maksudabdulmalikov5479]

Спасибо, с твоими уроки мои познания React'a быстро растут!

[@arturkost7217]

ставлю классы за топ анимацию)))

[@alexanderbratskov9281]

Спасибо за курсы! Нет слов, всё понятно! Объясняешь React супер!!

[@zuzoki864]

Брат, уже не знаю в который раз это пишу, но бл 2023! а курс не просто актуален, а это лучшее что я видел. Спасибо тебе большое

[@slikeiv4477]

Димыч, не останавливайся, в том же духе! ))

[@ctumyji9737]

Понятно, полезно и интересно! Спасибо за уроки Димыч, полетел дальше :) React JS практика - лучший курс!

[@theWorldIsMultivariate]

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

[@olenarudenko2407]

Ещё не встречала такого щедрого на ценные знания человека как ты)

[@egorpobylets6597]

Спасибо, Димыч!!!!!! Как всегда круто!!!

[@amiraimurzayev8234]

Спасибо за урок)) Все супер, как обычно!) Спасибо большое за твои старания) life cycle methods, class components, componentDidMount, React, Redux

[@user-pv5is5pz4j]

Спасибо за урок !) life cycle methods, componentDidMount, React, Redux

[@user-bd4lw9hx3s]

Дмитрий лучший! Обожаю его уроки! С каждым роликом верю в себя все больше и больше! Всем удачи!

[@user-xs1ix1zr7l]

Большое спасибо! Набираемся сил и терпения и идём дальше!

[@krissssssssssssssssss]

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

[@qwertyytrewq3453]

Твоя жизненная энергия питает силы идущих за тобой учеников. Респект!

[@bilionievgen9004]

самое доступное обьяснение жизненного цикла! Спасибо! Летим дальше)

[@__maxsoul643]

Супер. Большое спасибо за такие замечательные уроки по ReactJS

[@firemanhood1526]

150 тыс на канале) поздравляю) скоро лям)

[@tevi6667]

август 22го года а твои уроки до сих пор полезны Димыч)))

[@mariia6820]

Димыч,ты делаешь святое дело!!!Лучшие уроки!!

[@volodymyrsus]

Thanks! The best lessons of React & Redux!!! React , Redux, State, Store, Dispatch ,Connect, Action, Route, Reducer, Props, componentDidMount, componentDidUpdate, life cycle methods

[@bugaga8144]

Каждый выпуск-пушка! Ощущение что летишь по React-у как по автобану со скоростью 200 км/ч , пролетаешь, новые темы, новые знания. А самое интересное что вся информация нормально усваивается...

[@codegorian6057]

Лучшие уроки React Redux Спасибо

[@simonpool7359]

Привет из 2020, супер тема не даёшь заскучать. Самые насыщенные и фундаментальные знания от Димыча, Шух-шух-шух React путь самурая ! Топ курс, бомбим вместе с тобой!

[@user-lr6hc3tl3j]

Лучший курс по React. Спасибо, спасибо, спасибо!

[@yurikorabel5435]

класс! С каждой новой освоенной командой начинаю любить React все больше! Димыч сенсей от бога!

[@fazatranz]

самый понятный и крутой курс про React JS жизненный цикл, life cycle methods, componentDidMount ))

[@maxkos6184]

Perfecto! Es el mejor curso de React del mundo! React, React life cycle, componentDidMount !!!

[@muhamadboboev4223]

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

[@olegvoskovets4309]

Вітаю з наступаючим Новим роком . Бажаю здоров'я та творчого натхнення

[@egorn6543]

Дима! Огромное спасибо за твой труд!

[@tanyatritelnitskaya1911]

хотя я и раньше знала про классы в js, и думала, что все понимаю, но оказалось, что на самом деле я только сейчас поняла, зачем нужен super(props)! Спасибо, Дима!!!!!!!!! Летим дальше))))))

[@user-wj6ue7nt5g]

Спасибо тебе! С каждым выпуском чувствую что расту! :)

[@Smash69ful]

Спасибо за отличный материал. life cycle methods, componentDidMount, React, Redux

[@vladv.198]

Очень нежно мы ....расширяемся и углубляемся - респект!

[@xbelmondox]

Поставил на паузу, залипил лайк. Не угасай пожалуйста. У тебя реально талант, и слова нужные подбираешь, чтоб с нуля поднять людей. Так объяснять , как ты это делаешь, это прям скилл . Умеешь спуститься, со своего уровня, до тех кто ещё в процессе понимания. Многие поясняют так, и потом удивляются, что тут не понятного, все просто же. Поэтому : React, life cycle. ComponentDidMount, Render , простыми словами!

[@alexhar3599]

У меня интернет магазин, я пошел дальше и капнул глубже.Как закончу проект будешь гордится результатом. Твоя заслуга.

[@ITKAMASUTRA]

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

[@jmksm]

Вот кстати отличная методика, твои возвращения назад. Благодаря этому хорошо закрепляется материал.

[@user-yx7in9nl1d]

Осознанность и крутость - это осознанно и круто)) Спасибо большое!!!

[@user-xq8bl3wm4h]

Очень классно обьясняете. Спасибо Вам большое за труд.

[@wild_wizards]

Лайк. Очень полезный материал. Едем дальше, остановиться трудно, но завтра рано вставать 🙂

[@egorvolkov2381]

Супер! Летим дальше

[@interpol2138]

19.09.2022 Второй момент и далее. Первым был устаревший Redux и теперь по большей части используется Redux ToolKit. И теперь работа с классами. Димыч, лучший и знать архитектуру классовых компонентов НУЖНО, но для практики вам небольшую стать кидаю..... а дальше рассуждайте сами, ХУКИ обязательны, классы желательны С помощью хука эффекта useEffect вы можете выполнять побочные эффекты из функционального компонента. Он выполняет ту же роль, что и componentDidMount, componentDidUpdate и componentWillUnmount в React-классах, объединив их в единый API.

[@interpol2138]

@@fpv_cinematic2460 это по сути фундаментальный курс, понимание архитектуры с нуля. Hoc и классовые компоненты не умерли кто то до сих пор работает на них, тем более никто не отменял легаси код. В нынешнее время естественно любой новый проект будет использовать HOOK во всех проявлениях. Так что их знать 100% обязательно. А вопрос про переиспользование поставлен не правильно. В идеале нужно что бы компоненту можно было переиспользовать, а вот методы и способы уже по решению компании и программиста. Если ты зашел на этот курс в надежде, что после него найдешь работу..... Смешно. 3 года назад возможно, сегодня точно нет.

[@interpol2138]

@@fpv_cinematic2460 Уххх смотря на какую вакансию хочешь претендовать. HTML/CSS/SaSS или Less/ начальные знания gulp и Webpack/git/JS/JS es6+/ Один из фреймворков angular/React/vue. В идеале и в будущем обязателен нужен будет TS. Ну и там уже исходя из нужных библиотек у работодателя. Стейт менеджеры Redux/mobx/effector. Кто то требует axaj запросы. Кто то немного бека nodeJs/ express.Или БД mongodb/ postgresql / mysql. Все зависит от того чем хочешь заниматься и в какую компанию хочешь попасть. Я накидал примерный список на +- мидл уровень. В каких то компаниях и простого знания Ui Ux будет достаточно.... Заходишь куда нибудь на hh.ru и смотришь вакансии и требования. Сейчас и 3 года назад когда выходили эти выпуски планка даже для джуна очень сильно выросла в fronted сфере.......

[@aymkin]

Спасибо за полезную инфу в этом видео о ReactJs, life cycle method: componentDidMount

[@dariavozdrahanova6662]

Как всегда супер! Спасибо)

[@oduvanio]

Димыч - ты крутой!!! Четвёртый раз записывать одно и то же видео - это сильно... Спасибо тебе за труд!!!

[@user-gl8vn7ys4t]

Хорошо, до жизненных циклов class components в react дошел. Бомбим дальше, полет нормальный.

[@polinashulya8938]

Спасибо за старания! Очень крутой курс!!

[@dimagraf5411]

Спасибо за труд, доступное изъяснение материала, кайф проходить видос за видосом =))

[@aleksandrzelenskiy4000]

Все круто, летим дальше!

[@alexeykornev4048]

спасибо Все развиваемся дальше!

[@itshnik_life]

спасибо за самое лучшее объяснение)

[@linuxlifepage]

Димыч спасибо тебе за такой крутой курс! Каждое видео - как глоток воздуха. Лучший курс React Redux практика жизненный цикл, lyfe cycle methods, comonentDidMount

[@user-hg6im5cg2i]

Ура еще одна ступень!!!Супер объяснения React JS

[@MikhailKuklenkov]

Лайк от души, Дима! Успехов во всем)

[@andreyantonovich379]

Супер,идём дальше!

[@johnmj750]

Как хорошо, что я перешёл сюда с iOS)) Теперь очень похоже и понятно) В iOS тоже есть подобные вещи(viewDidLoad()) и т.п.)) Спасибо, Димыч!!! Дай тебе Бог здоровья и твоей семье!!!

[@cats_mom]

больше нравится чем iOS? Я просто тоже с него начанала:)

[@MrVagula]

Спасибо, разобрался, почитал документацию, посмотрел еще несколько уроков от других авторов, стало все гораздо понятней, сложилась полная картина о жизненном цикле объекта. Двигаем дальше Ключевые слова: жизненный цикл, life cycle methods, componentDidMount

[@sashaya6114]

react, redux, жизненный цикл компоненты, life cycle methods, componentDidMount, новый уровень, спасибо)

[@Emili_live]

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

[@glebbsif]

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

[@damidee7818]

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

[@user-dg5js1if7c]

Все круто Димыч!!! Твой курс просто офигенен!

[@user-xn8zi3re6i]

React Redux курс React разметка Спасибо за урок :)

[@amaxe12345]

Димыч, спасибо большое за твой труд! #reactjs #class

[@user-iv7wq2tp6o]

Жизненный цикл, life cycle methods, componentDidMount Всё по делу))

[@user-yq4cs2fe3u]

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

[@gign1203]

как у тебя получилось зделать api запрос что бы отображались пользователи?

[@TRIZ-Bogatyregold]

отличное объяснение жизненного цикла React компонента на классах! Спасибо Димыч!

[@killsforcokies4834]

Посмотрел 2-й раз спустя ночь понял все! Спасибо за обяснения!

[@user-xj2dn1zl5e]

лучший сериал, который мне доводилось смотреть))))

[@sashamalaahov8941]

Димыч, ты супер! Ты помог мне из грузчика на рынке, перерасти в Frontend разраба!

[@mystexx]

Крутяк! Месяц безделья, и вот я снова в деле и уже 54 урок пройден!))

[@alexhmelevschi9956]

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

[@vaniach95]

Круто, все хорошо объяснил. Спасибо

[@developer-miracle]

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

[@user-im8le2mi2w]

React JS практика - жизненный цикл, life cycle methods, componentDidMount Спасибо, Димыч! Смотрю, учусь

[@rahalmamut01]

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

[@kirilotur2208]

Красивые картины! Прям как мое понимание Реакта и Редакса, и их взаимосвязь)))) (шучу!) . На самом деле классно объясняешь. Спасибо!

[@max-ek5uu]

спасибо, надеюсь дальше будет понятнее

[@MrZorg23]

Спасибо, очередное отличное видео!

[@dimitriitkach7697]

spasibo za urok - React JS практика - жизненный цикл, life cycle methods, componentDidMount

[@kedrolit1521]

Димыч, Спасибо! Все отлично рассказал! Желаю успехов и здоровья! Начну рефакторить! Кстати! Работаю в VScode и он дал подсказку componentDidMount.

[@bitcoin-]

Хороший контроль кода!классные функции

[@semial]

Всё, теперь все работает круче, чем обычно. React redux крутая штука. Код становится более приятный глазу и радует тот факт, что это только начало пути. Всё круто, спасибо Димыч))))

[@RenatGrishin]

Смотрю 2ой раз (но на скорости х2) Реально все усваивается на ура, и все освежается. Если ролики короткие, просматриваю по 3-4 ролика, конспектирую и все что реализовал Димыч, реализовываю по памяти (иногда заглядывая в конспект). Димыч, большое спасибо за уроки, ты супер 👏

[@AI_about_crypto]

Сразу лайк ! жизненный цикл, life cycle methods, componentDidMount