37. Уроки, Курс React JS - store, state, ООП, рефакторинг

  Рет қаралды 107,982

IT-KAMASUTRA

IT-KAMASUTRA

Күн бұрын

🚀Стань квалифицированным разработчиком за 9+ месяцев с трудоустройством в IT -INCUBATOR:
Front-end
it-incubator.i...
Back-end
it-incubator.i...
Поддержать меня можно на patreon / itkamasutra или оформив спонсорство на данном канале.
Помогайте друг другу вот здесь: t.me/reactjs_s...
Ну что, теории нахватались по ООП базовой, пора зарефакторить наше состояние (state) и обернуть его объектом, через который мы со стейтом и будем общаться. объект этот называется - store.
В рамках данных уроков по ReactJS мы будем использовать связку React + Redux! И вот store, который мы с вами пилим точь-в-точь как store из Redux, который мы в будущем заюзаем)) Ну... как точь-в-точь.. Мы не будем полноценное колесо изобретать, а только начнём это делать, для того... чтобы понять, как работает Redux изнутри)))
Полетели ;)
#reactJS #практика #примеры #уроки #курс

Пікірлер: 983
@relaxingnature3706
@relaxingnature3706 3 жыл бұрын
Все что я очень хорошо выучил за 37 уроков это «реакт редакс ты знать будешь круто, айтика айтика камасутра»
@andrewkaliarovich6516
@andrewkaliarovich6516 Жыл бұрын
Тогда углуби свои знания, запомнив, что компонента тупая xDDD
@skolotoi4588
@skolotoi4588 Жыл бұрын
🤣
@skolotoi4588
@skolotoi4588 Жыл бұрын
@@andrewkaliarovich6516
@translator9886
@translator9886 8 ай бұрын
А я понял за 37 уроков что программирование это та еще камасутра)
@АндрейД-г8ф
@АндрейД-г8ф 5 жыл бұрын
37 уроков (больше 10 часов) и все понятно. Это талант однозначно.
@TheFryOS
@TheFryOS 4 жыл бұрын
поэтому смотрю как теорию на 2х скорости. Но все равно потом приходится пересматривать, чтобы повторить и запомнить, а вообще да. Учеба дело такое.
@mex5341
@mex5341 4 жыл бұрын
@@TheFryOS а хватило бы одного раза на х1
@ТимурХрусталёв-ъ1е
@ТимурХрусталёв-ъ1е 4 жыл бұрын
@@mex5341 в любом случае, лучше закрепить повторным просмотром, заприсью по памяти в конспект и отработкой (не подглядывая за Дмитрием) в IDE, тогда 100% отложится))
@Мстящийбоксер-ъ6г
@Мстящийбоксер-ъ6г 4 жыл бұрын
@@ТимурХрусталёв-ъ1е лучше закреплять другими источниками а неповторами одного
@RUS4HELP
@RUS4HELP 3 жыл бұрын
у вас талант к учёбе?)
@vseslavr
@vseslavr 4 жыл бұрын
Димыч: Все, пока забудьте про setState Я: Сказано - сделано! Проще простого забыть то, чего не знаешь :) Вывод: Незнание - Сила! (Дж. Оруэл ©)
@bukanaka
@bukanaka 3 жыл бұрын
:)
@andreiBylkin
@andreiBylkin 3 жыл бұрын
золотые слова!!! :)
@damidee7818
@damidee7818 2 жыл бұрын
Я так понимаю Дж. - это Джун XD
@xaxage
@xaxage 2 жыл бұрын
@@damidee7818 axuenno
@dandzi3725
@dandzi3725 4 жыл бұрын
Посмотрев эти 37 уроков даже на скорости 1.5 понимаешь, что Димыч рубит фишку, с такой любовью и трепетом и азартом преподносит такие сложные концепции что равнодушным остаться просто невозможно)) Смотришь и невозможно оторваться, ждешь что же дальше будет, это просто исключительный материал, несмотря на то сейчас есть очень хайповые и распиаренные блогеры по вебдеву, Димыч незаслуженно не так на слуху еще... Нигде еще не встречал такого желания передать знание новичкам, все пошел смотреть остальные выпуски. Спасибо Димыч за перфект контент!)
@ITKAMASUTRA
@ITKAMASUTRA 4 жыл бұрын
Спасибо большое за такие слова!!! Успехов в обучении и трудоустройстве!
@realtalk3736
@realtalk3736 3 жыл бұрын
Полностью согласен! У человека педагогический талант и огромная любовь к своему делу, такое за деньги не купишь.
@orangedragonthebestraper
@orangedragonthebestraper 2 жыл бұрын
@@ITKAMASUTRA
@vladimirsuragin
@vladimirsuragin 5 жыл бұрын
Не смотря урок, сам полез делать объект store. Минут 40 дебажил и пытался понять куда делся state. Потом все же сдался и в ролике узнал про bind)
@michelealeer
@michelealeer 4 жыл бұрын
я также решил сделать но до bind не додумаля я просто прописал прямой
@OleksandrHaitsuk
@OleksandrHaitsuk 4 жыл бұрын
я так же сделал... Но все равно не могу понять, почему стрелочная функция не работает, а bind отлично работает? Или это из-за того, что стрелочная функция не имеет своего контекста, и, в следствие этого, в компоненте она просто не знает, какую функцию и откуда вызывать? Я имею ввиду разницу между addPost={store.addPost.bind(store)} и addPost={() => store.addPost}
@yanlukovsky9452
@yanlukovsky9452 4 жыл бұрын
@@OleksandrHaitsuk я тоже переделал всё быстренько сразу после предыдущего видоса, потом раз - ошибка, ошибка, undefined снова и снова, сразу дебаг поставил в index.js, а там по пропсам приходит именно то, что лежит уже в state, но не сам объект state. Переделывать не решился уже, ибо просто во всех пропсах нужно напрямую передавать объекты state'a, надо всё же более правильный вариант посмотреть и узнать в чем подвох тут)
@SpeedGodQ
@SpeedGodQ 4 жыл бұрын
@@OleksandrHaitsuk если ещё актуальный вопрос, то стрелочная функция не имеет своего this, в этом и проблема) если хочешь this пиши нормальную функцию.)
@aleksandrzelenskiy4000
@aleksandrzelenskiy4000 4 жыл бұрын
Такая же тема, но успокаивало то, что если прокинуть на самый низ сам store то все работало. Знал что Димыч раскроит секрет. Респект ему за это!
@artemkirkhmaier484
@artemkirkhmaier484 2 жыл бұрын
Это очень сложна тема и только человек знающий её настолько хорошо, что сможет объяснить её, чтобы было ясно даже ребёнку. Димыч, огромнейшее тебе спасибо.
@АндрейГурлев-т8в
@АндрейГурлев-т8в 5 жыл бұрын
Спасибо за урок. Было очень полезно послушать про this, наконец понял зачем нужен bind
@ОлегЛішкевич-б1ъ
@ОлегЛішкевич-б1ъ 4 жыл бұрын
"есть Redux, есть MobX и есть ещё какая-то шляпа" Смеялся ))))
@РусланЮсуфов-ф3ш
@РусланЮсуфов-ф3ш 5 жыл бұрын
Всегда фигово давался контекст и никак не мог понять для чего нужен bind. Теперь всё стало на свои места
@mityaycho
@mityaycho 5 жыл бұрын
Как же всё понятно объясняешь... Респектище!!! Кстати, мои поздравления, тридцатый урок набрал больше сотни)
@ITKAMASUTRA
@ITKAMASUTRA 5 жыл бұрын
спасибо, Дима!!)) Стараюсь!!!
@slater149
@slater149 5 жыл бұрын
Большое спасибо. Где-то до тридцатого видео просто смотрел. Затем тормознул, начал пересматривать, параллельно делая проект. Со скрежетом, но разбираюсь. Постепенно, но движемся к победе. С меня лайк.
@ITKAMASUTRA
@ITKAMASUTRA 5 жыл бұрын
Спасибо за обратную связь и лайки
@АнтонЧижков-ч4л
@АнтонЧижков-ч4л 2 жыл бұрын
Устроился уже куда-нибудь?
@kirill_nezhnyy
@kirill_nezhnyy 4 жыл бұрын
Димыч, я обычный 16-летний ученик 10 класса, который осваиваю курс по реакту. Вот уже просмотрел 37 уроков. Первые 30 уроков заходили как по маслу. Но потом, начиная с 31, приходится пересматривать, потому что темы уже идут нелёгкие, в которые нужно обязательно врубаться и понимать их... Однако я не собираюсь сдаваться, стараюсь вести конспект, когда я какие-то вещи впервые слышу или немного непонятны для меня, и канешн хочу дойти до конца и оценить свои навыки, возможности до и после данного курса. Очень хочу удивиться от результата и дальше продолжать прокачиваться, реализовывать новые проекты. Спасибо за курс, всё понятно и чётко разжёвано, ты красавецц!
@oleksandr_h
@oleksandr_h 3 жыл бұрын
дошел до 100-ого ? И если да, то за какой период осилел ?
@rusfungame
@rusfungame 3 жыл бұрын
@@oleksandr_h в армии пацан походу)
@oscarpalmero1098
@oscarpalmero1098 2 жыл бұрын
братан, как оно?
@denisss8102
@denisss8102 2 жыл бұрын
Реально, как дела с работой?
@MegaVADeS
@MegaVADeS Жыл бұрын
Как успехи спустя 2 года ?
@krugovorotevreev
@krugovorotevreev 5 жыл бұрын
Спасибо за понимание bind
@ArtemSawatzki
@ArtemSawatzki 3 жыл бұрын
Дмитрий, у Вас большой талант плавно подводить к сложной концепции. Спасибо Вам!
@Jorjeee
@Jorjeee 4 жыл бұрын
Я не знаю что сказать, вродебы сложно небыло. Внимательно слушал, просто всё переместили в store, поменяли имя методу, понаставляли this. Ну и у меня небыло ошыбки ну всёравно забайндил. Спасибо большое за видео. Хотелось бы вживую пообщаться с тобой, но увы я с Украины а хочу перехать в Прагу. Сразу с работой программистом не получиться , но я буду шпилить Английский и твои курсы и со временем найду себе работу и пошли все в жопу кто в меня не верит)))) Ты ходячий ПОЗИТИВ в лице программиста, очень большая жизенная енергия от тебя излучается, красавчик одним словом, спасибо за всё. Привет тебе из маленького города Хуст, Закарпатская обл.
@Syrolub
@Syrolub 2 жыл бұрын
Все, кто смотрит этот курс, рекомендую вам помимо проекта который создаёться в этому курсе, создавать свои проекты. Я создаю блог и интернет магазин, после каждого урока обновлаю их. Так материал лутше откладываеться в голове
@Itpedie
@Itpedie 2 жыл бұрын
отличная идея
@tinkeringfarm2650
@tinkeringfarm2650 Жыл бұрын
Не рекомендую торопиться, потому что пока ты не просмотрел и не осознал весь курс все твои проекты будут тупо версткой ) будут однотипными и не полезными. это профтино разве что для резюме
@Syrolub
@Syrolub Жыл бұрын
@@tinkeringfarm2650 Можливо, але якщо по мірі розвитку покращувати проєкти, то в чому проблема?
@tinkeringfarm2650
@tinkeringfarm2650 Жыл бұрын
@@Syrolub 😂
@ДругиеФилиппины
@ДругиеФилиппины 3 жыл бұрын
самые лучшие уроки по реакту, что я нашел в инете. Димыч, если после них устроюсь девом по реакту в контору, с меня магарыч! Честно! За такое не жалко.
@paulradyna5079
@paulradyna5079 Жыл бұрын
11.01.2022 I'm very grateful! It's a really great lessons and very useful! Thank you very much, Dima!!!
@Ангелина-ю5ц7м
@Ангелина-ю5ц7м Жыл бұрын
Огромнейшее спасибо за такое понятное объяснение this, про потерю this и про bind. Ух! круто! удовольствие от понимания. Наконец то!
@ДианаБойба
@ДианаБойба 2 жыл бұрын
Если вдруг у кого-то тоже не работает rerender после добавления буквы в textarea, то в index.js не передавайте параметр state в функции rerenderEntireTree, а в компоненте App параметр state={store.getState()} как Дима сделал изначально
@АлександрТимошенко-к5к
@АлександрТимошенко-к5к 2 жыл бұрын
Спасибо, помогло!
@AlexeyMaximov-uchpochmaxx
@AlexeyMaximov-uchpochmaxx Жыл бұрын
Респект, осталось понять почему так
@betaveroniki8454
@betaveroniki8454 11 ай бұрын
Огромное благодарю
@abazunts
@abazunts 5 жыл бұрын
36 урок вынес мозг, но 37 расставил все на свои места, по крайней мере мне так кажется))
@artempavlenko5147
@artempavlenko5147 4 жыл бұрын
36 вообще показался легким))
@СергейЦветов-н4н
@СергейЦветов-н4н 3 жыл бұрын
33-35 уроки взрывные ,остальные лёгкие ,так как есть багаж знаний от двух языков )
@Lena-kw3ln
@Lena-kw3ln 5 ай бұрын
Всё получилось , зарефакторила store , единственное отрисовку сделала хуками. Спасибо , летим 🚀
@mustagg4609
@mustagg4609 4 жыл бұрын
Дмитрий, рад за ваш рост на канале во время карантина)
@derrylsshowhh3249
@derrylsshowhh3249 2 жыл бұрын
Сложно,но нужно ) Летим дальше!
@__maxsoul643
@__maxsoul643 5 жыл бұрын
Спасибо за урок. Теперь все понятно. В 36 было ДЗ попробовать самим обернуть все в объект store. С this не прокатило сразу, по понятной причине - не знал про bind и про то, что контекст вызова callback функций меняется, если их прокидывать) знал, что усе равно будем рефакторить и сделал с обращением не к this из методов объекта store, а к самому store обращался (ну типа store._state и т.д.), чтобы прочитать его свойства, заколхозил в общем, но было сделано и работало, какой то опыт получил) пока это самый длинный коммент, который я когда либо писал на youtube) еще раз спасибо за урок.
@ITKAMASUTRA
@ITKAMASUTRA 5 жыл бұрын
Спасибо, бро, за этот самый длинный коммент 🙏
@ДенисДенис-я9м
@ДенисДенис-я9м Жыл бұрын
Очень информативный курс. Просто идеальный по реакту. Даже там, где все просто, открываешь для себя что-то новое в каждом уроке. Параллельно подтягивая базу. Спасибо огромное за такой труд!
@maxkos6184
@maxkos6184 4 жыл бұрын
"есть Redux, есть MobX, а есть еще всякая шляпа..." [КонтекстШляпа называется] )) Хорошее видео такое, искреннее такое, живое, с душой рассказываешь! Спасибо
@boris5164
@boris5164 2 жыл бұрын
Красавчик, Димон! Жирный +, спустя 3 года!
@aymkin
@aymkin 5 жыл бұрын
Домашку из 36 урока сделал, однако не мог понять почему оно все не работает. Когда увидел про метод bind() то сразу стало все понятно и заработало)
@СтепанЦуканов-т9ы
@СтепанЦуканов-т9ы 2 жыл бұрын
тоже самое
@frontend-universe
@frontend-universe 3 жыл бұрын
Курс супер, уже мозг потихоньку выносится.
@Evgeny..
@Evgeny.. 3 жыл бұрын
Стало сложновато, но интересно! Спасибо!
@MrTimmirs
@MrTimmirs 2 жыл бұрын
Коммент для продвижения + мой опыт. В предыдущем уроке поставил задачу - сделать ООПшный объект из state`а. Сделал, сначала ниче не рендерилось, потом не добавлялось. Почему-то когда ставлю в код debagger не работает. Зато научился пользоваться отладкой в VScode с точками остановки. Потом пошли проблемы с this! Про бинд не знал, но поправил. После этого решил этот видос посмотреть. Стало все понятно! )) Учимся и идем вперед! Впереди еще Путь Самурая 2.0 Спасибо большое за твои знания!
@AlexStr-h9t
@AlexStr-h9t 2 жыл бұрын
Как же хорошо изучить JS перед Реактом. Точно также сделал с bind().
@ihorvitaliyovytch7959
@ihorvitaliyovytch7959 3 жыл бұрын
Отдельное тебе спасибо за дебаги
@Tomkovich
@Tomkovich 5 жыл бұрын
димыч гениален. вот бы в универах так объясняли
@АлександрКондратьев-ш4я
@АлександрКондратьев-ш4я 3 жыл бұрын
Я знал когда нужно пользоваться bind(), но после это урока понимание стало полноценным, Дима красавчик!
@rmnkot
@rmnkot 5 жыл бұрын
вчера рефакторил :), через тернии пришел к такому же результату )), спасибо!
@ITKAMASUTRA
@ITKAMASUTRA 5 жыл бұрын
Огонь!!! Значит в голове твоей много уже знаний нужных! Молодец!
@rmnkot
@rmnkot 5 жыл бұрын
@@ITKAMASUTRA спасибо!
@DubinArtur
@DubinArtur 3 жыл бұрын
Когда выучил this, у меня было ощущение, как от боевика круче, чем после просмотра всех частей форсажа
@Димкинкоп
@Димкинкоп 4 жыл бұрын
Спасибо за годный контент!))) Все понятно, ты очень круто объясняешь!) Летим дальше!))
@feralxpunch
@feralxpunch 4 жыл бұрын
не перестаю удивляться Вашему напору Дмитрий. Большущее спасибо Вам за мотивацию и эти видео. Смотрим дальше !!!!!
@amaxe12345
@amaxe12345 5 жыл бұрын
Дима, спасибо за урок!!!
@ashbarso7752
@ashbarso7752 3 жыл бұрын
спустя тысячу веков, понял наконец-то практически где может понадобиться bind
@Snegurjan
@Snegurjan 4 жыл бұрын
Фууууух,я не знаю ,как правильно объяснить что происходит с моим мозгом,но до 20 го занятия я пересматривал видео по 2-4 раза что бы понять,с 20 по 30 ,по 2-3 раза,с 30 и до этого,хватает одного просмотра и один раз закрепляю на всякий случай,что бы понять все.Такое ощущение ,как будто мозг был заржавевший ,а уроками Димыча я его смазал и теперь он работает отлично.Так я заметил ,что стал запоминать бытовые вещи гораздо быстрее ,как и уроки по английскому языку.Не знаю есть ли этому научное объяснение ,но Димыч,ты сделал меня умнее ,чем я был,спасибо тебе огромное.🤜🏻🤛🏻❤️🙌🏻💪🏻Я уже думал,что безнадежно тупой ,как dumb компонента 😂😂😂
@СэмФишер-х4д
@СэмФишер-х4д 2 жыл бұрын
классное объяснение темы с bind() и в целом, полезная тема. действительно, мало где так объсняется редакс. спасибо!
@DubinArtur
@DubinArtur 3 жыл бұрын
Когда прийду на собеседование и меня спросят: Как вы учили реакт? Я отвечу: Я прошёл курс Димыча ака it-kamasutra путь самурая реакт кабзда, как просто вжух-вжух Думаю, возьмут сразу)
@morelifetv1041
@morelifetv1041 2 жыл бұрын
пошлют нах*р
@Eugene_VP
@Eugene_VP 10 ай бұрын
прошел?
@theWorldIsMultivariate
@theWorldIsMultivariate 2 жыл бұрын
Огромнейшее спасибо за курс!! Ты помогаешь реализовать мою цель, быть разработчиком!!
@IgorIckra
@IgorIckra Жыл бұрын
Товарищи обучающиеся, если у вас возникла проблема Cannot read properties of undefined (reading 'ProfilePage'), то посмотрите видео дальше, там есть решение. Не будьте как я, который вынес все себе мозги этой проблемой
@КритерийПарето
@КритерийПарето Жыл бұрын
Thanks brother
@vitalyks
@vitalyks Жыл бұрын
спасибо, спас на пол пути)
@EvgeniyKlitsunov
@EvgeniyKlitsunov 3 жыл бұрын
Димыч, смотрю по несколько раз начиная с 35 урока.. понимаю общую концепцию, но возникают разные незначительные вопросы!! попробовал сам запилить store, а не тупо повторить и почти получилось, самое трудное для понимания это observer.... но все равно такой кайф когда пишешь код и все работает.... просто космос!!!!)) спасибо тебе ещё раз мужик!!!)
@АнтонЧижков-ч4л
@АнтонЧижков-ч4л 2 жыл бұрын
Ну как, трудоустроился?
@AndreiS-cu2wb
@AndreiS-cu2wb 5 жыл бұрын
Мозг рвет, но топим дальше! За курс - респект!!
@vladimirzvyagincev8193
@vladimirzvyagincev8193 Жыл бұрын
это был увлекательный отракцион
@sharic_afk
@sharic_afk 3 жыл бұрын
9:30 , если у кого возникла проблема с тем, что приложение не запускается из-за getState is not a function -уберите state из входящих в render данных
@undochlorine
@undochlorine 2 жыл бұрын
либо можно сделать: function renderDom(state=store.getState()) {...}
@loshasha90
@loshasha90 2 жыл бұрын
Блин а почему? я никак не могу понять. У нас в функции сохранения промежуточного состояния textarea есть перерисовка. и вот в эту перерисовку попадает this._state, но не полный а из пропсов. Хотя мы биндим на функцию сохранения промежуточного состояния texarea весь store
@loshasha90
@loshasha90 2 жыл бұрын
изменил аргумент this._state на this в перерисовке в store и все работает. у меня немного другое распределение пропсов по компонентам и мне не хватало метода getState, когда мы передавали this._state а не this
@dunyajalilova755
@dunyajalilova755 2 жыл бұрын
скобки просто надо опустить. store.getState вместо store.getState(). геттеры сеттеры вроде не вызываются
@__online7250
@__online7250 3 жыл бұрын
Димыч, благодарю за твой подход к обучению, где главное понимание, как это все работает изнутри! Лично я не могу просто что то выучить или запомнить, мне главное понять смысл, и ты этот смысл доносишь!
@aleksandrholoven2412
@aleksandrholoven2412 5 жыл бұрын
2:49 Не выскочила )) И в описании ничего нет.
@yuriybondaruyk1145
@yuriybondaruyk1145 4 жыл бұрын
до сих пор нет)
@yaroslav.baronin
@yaroslav.baronin 4 жыл бұрын
Еще нет
@Sep1on
@Sep1on 4 жыл бұрын
Может вы просто будете внимательнее и откроете предыдущий урок и там в описании посмотрите?
@Sep1on
@Sep1on 4 жыл бұрын
​@@yaroslav.baronin где он говорит ПОД ЭТИМ ??? 0:58 что говорит димыч? под ЭТИМ? внимательнее надо быть.
@Sep1on
@Sep1on 4 жыл бұрын
@@yaroslav.baronin лол, я говорю быть внимательнее и открыть предыдущий урок, ты мне говоришь А ЧО ДИМЫЧ СКАЗАЛ ЧТО ССЫЛКА В ОПИСАНИИ ЭТОГО РОЛИКА, я переспрашиваю где он это говорил, даю таймкод где он подтверждает мои слова. ты обосравшись, не сказал типа: да, не прав, провтыкал. ты отвечаваешь хрень
@D42424
@D42424 2 жыл бұрын
Не заметил как прошло полчаса, очень интересно, большое спасибо! Даже спустя 3 года этот курс чудесен
@itdevelopment7344
@itdevelopment7344 4 жыл бұрын
«Единственный путь стать умнее - играть с более сильным противником» 1899 г. Эмануэль Ласкер
@НикитаГончаров-ы4ц
@НикитаГончаров-ы4ц 3 жыл бұрын
Единственный путь стать умнее - путь Самурая)
@rahalmamut01
@rahalmamut01 5 жыл бұрын
Сделал стор до просмотра этого урока и не мог понять почему ошибка при постинге, спасибо!))
@ITKAMASUTRA
@ITKAMASUTRA 5 жыл бұрын
🙏👍
@audiomax111
@audiomax111 5 жыл бұрын
Спасибо очень крутая связка React Redux. А будет ли отдельный небольшой курс по React Mobx в будущем?
@ITKAMASUTRA
@ITKAMASUTRA 5 жыл бұрын
Не знаю :(
@VitalyPavluk
@VitalyPavluk 3 жыл бұрын
@@ITKAMASUTRA с интересом бы посмотрел на MobX+Ract т.к. более активно чем Redux развивается
@galayda_taras
@galayda_taras 3 жыл бұрын
Тяжкувато стало. Але печем далі. Дякуємо!
@ДаниилТурчак-ф1у
@ДаниилТурчак-ф1у 3 жыл бұрын
Димыч: забудьте про setState Я: setSta-ЧЁ? Кто с 2020??
@alexametquia5077
@alexametquia5077 3 жыл бұрын
с 21-го )
@tootlno3774
@tootlno3774 2 жыл бұрын
c 22-го
@tootlno3774
@tootlno3774 2 жыл бұрын
@@alexametquia5077 с 22-го
@БезИмени-н2с2щ
@БезИмени-н2с2щ Жыл бұрын
Я с 23-го guys )
@Matfei-h2o
@Matfei-h2o 10 ай бұрын
АААА, жесть! Это казалось мне таким трудным. У меня была проблема в том что я не очень внимательный, а тут нужно ничего не забыть. Я к примеру не уследил что везде где вызывается state, нужно добавить "_", чтобы было так "..._state..." И я долго искал свои ошибки в коде, но это к лучшему! Теперь я отлично понимаю как работает ООП)) Я так благодарен тебе Димыч! Я тебя невероятно сильно уважаю!
@moonscript6153
@moonscript6153 2 жыл бұрын
Вот на последних трех уроках, честно скажу, подзавис.... сложновато заходит(((
@moonscript6153
@moonscript6153 2 жыл бұрын
пересмотрел еще разок и вроде переварил...
@Nikita-xe5kv
@Nikita-xe5kv 4 жыл бұрын
Первый человек который очень доступно объяснил в чём проблема этих this! Понял с первого раза спасибо!
@podpison3268
@podpison3268 3 жыл бұрын
Я переделал state под ООП сам. Прикольно получилось
@6ajkermexx591
@6ajkermexx591 3 жыл бұрын
На 6 минуте, мне VSCode сам подставил this ))) не зря не переходил с него....) P.S. в других местах(ниже) к сожалению пришлось менять вручную
@bbnowhat
@bbnowhat Жыл бұрын
как же хорошо когда изучил подробно bind перед этим курсом и восстановил мозг давно уже
@АндрейВерещагин-т1ю
@АндрейВерещагин-т1ю Жыл бұрын
Классная тема. Наконец начинают в голове проясняться вопросы про контекст вызова, методы .bind() .apply() .call() Очень полезно! Спасибо, Димыч!
@antonnovatsky6777
@antonnovatsky6777 2 жыл бұрын
Спасибо, очень интересный контент! Спасибо за возможность реально понять как работает сам механизм, а не просто поверхностно увидеть какие-то техники. Мне очень повезло учиться у такого учителя, поклон Сенсей!
@TheZeyura
@TheZeyura 3 жыл бұрын
пример с байндом просто супер! на всю жизнь запомню :)
@ervinabliamitov2149
@ervinabliamitov2149 4 жыл бұрын
Спасибо огромное за столько часов объяснений! Я понимаю, что это далеко не середина даже, но мотивация не пропадает, а зная себя, это постараться нужно, чтобы такого бездельника заинтересовать! Как я люблю говорить: "Респект и уважение!".
@AbaiIlyasov
@AbaiIlyasov 8 ай бұрын
Очень понятно объясняешь иду дальше!
@krissssssssssssssssss
@krissssssssssssssssss Жыл бұрын
Шок! На разных ресурсах читала про bind, прошла все стадии от отрицания до принятия, что ничего не понятно. И тут, неожиданно изучая реакт, кто-то быстро и круто объяснил этот bind. Спасибо 🔥
@СвятославНемкович
@СвятославНемкович 4 жыл бұрын
Реально полезный урок. Объект store я самостоятельно собрал т. к. азы ООП знаюю. Урок мне помог когда появилась ошибка "Невозможно прочесть profilePage у ничего". Сам бы я ещё долго голову ломал. Я просто про bind() не знал, а так всё понятно. Главное помнить что this всегда динамичен: он указывает на объект, в контексте которого был вызван метод. Спасибо Димыч! Бомби дальше контент. Ты здорово объясняешь и мотивируешь
@СтепанТерещук
@СтепанТерещук 4 жыл бұрын
блин , прикольный такой урок . преисполнился знаний о контексте так что офигел :о .большое спасибо ! смотрю дальше :)
@Vikharev_NA
@Vikharev_NA 2 жыл бұрын
Не думал, что настолько затянет. Объясняешь доступно и понятно, редко - редко пересматриваю какие-то мометны и стараюсь понять все досконально. Димыч, ты красавчик просто. Идем в React, семимильными шагами. Нужно ложиться спать, а хочется еще узнать что-то новое))) На ютубе никто так доступно и понятно не объясняет
@ole_oli
@ole_oli 3 жыл бұрын
Супер. Спасибо. Делал рефакторинг до того как посмотреть видео и выломал себе мозг пытаясь понять почему this работает не правильно у метода)А тут сразу и ответ)
@resenpaii
@resenpaii 4 жыл бұрын
Уфф, запотел. Переписал весь стейт под ООП и заставил все работать как раньше) Можно смотреть теперь и этот видос:) Вынос мозга у меня был раньше, когда я ток изучал ООП, а сейчас получается что по полочкам все раскладывается) Спасибо.
@johnmj750
@johnmj750 2 жыл бұрын
У Димыча на скорости 1.25 и 1.5 ещё круче получается мотивировать!!! Так шустрее соображается!!!👍🏻👍🏻👍🏻
@SlimDwarfPavelIronfoot
@SlimDwarfPavelIronfoot 2 жыл бұрын
а я в state вместо this. написал store. и все работает, ведь this это значит что обьект в котором мы вызываем. а что б когда вызываем в другом месте небыло вопросов то просто тогда указываю конкретно store.
@theWorldIsMultivariate
@theWorldIsMultivariate 2 жыл бұрын
Очень хорошо и понятно объесняешь. Огромнейшее спасибо!
@ВасилийМерзляков-м4р
@ВасилийМерзляков-м4р 3 жыл бұрын
Круто, Димыч после каждого урока дает что-нибудь самостоятельно делать, вот я делаю, но когда начинается рефакторинг, Димыч делает его за 20 минут с пояснениями, а когда у меня начинается рефакторинг самостоятельного(условно самостоятельного кода) у меня это занимает часа 2 и тут начинаются прокляться, но в итоге разбираешься сам и понимаешь, что и как работает, где какие ошибки были сделаны и это круто. Спасибо ДИМЫЧ!!!
@serg11oz
@serg11oz 4 жыл бұрын
Спасибо, очень доходчиво! Особенно "приоткрылись глаза" на использование .bind
@ЕвгенийСахаров-ы1я
@ЕвгенийСахаров-ы1я 5 жыл бұрын
Ох, я вот думал, думал, почему у меня видит не весь store, а только часть, которая через props прокинута и нечего умнее не придумал, как просто передать в profile весь пропс {...props}, а оказалось все проще. Спасибо вам. Это очень интересно!)
@andriikhomenko4061
@andriikhomenko4061 3 жыл бұрын
Выражаю огромную благодарность автору курса - Дмитрию. Практически весь материал данного курса воспринимается весьма легко и увлекательно.
@ITKAMASUTRA
@ITKAMASUTRA 3 жыл бұрын
🙏🚀
@bugaga8144
@bugaga8144 3 жыл бұрын
Взрыв мозга, я читал про bind, про контекс, но так и не всосал зачем он надо, когда надо применять, когда не надо. Теперь я понял, когда разбирали ошибку, как все просто и понятно, когда на деле видишь, что может пойти не так и какие бывают подводные камни у this. Димыч ваш курс на столько охрененный, что я начинаю использовать слова которые более ярко выражают эмоции от увиденного в этом видео. Огромное вам спасибо, за то, что ВЫ мне приносите каждый день радость, нового открытия!
@YakatoSaku
@YakatoSaku 2 жыл бұрын
Сколько труда вложено в эти уроки, спасибо Димыч!
@RUS4HELP
@RUS4HELP 3 жыл бұрын
Смотрю и конспектирую - 29 января 2021 года!
@AlekseyPokotilov
@AlekseyPokotilov 3 жыл бұрын
Круто. Особенно тем, что выполнено в стиле фетования. Слабаки отваливаются на раз-два.
@moskalenko2k24
@moskalenko2k24 2 жыл бұрын
Начав изучать этот курс, уже знал JS на каком-то уровне, и про бинды знал(и в своей соцсети уже натыкался на этот баг и фиксил), и да, это реально очень сложно когда в первый раз узнаешь что в джаваскрипте вот так странно функции работают. А пример с дебагом это очень круто, вы показываете специально ситуации, которые могли бы возникнуть случайно, и показываете как это разруливать, не помню чтоб кто-то еще так делал.
@vvks9901
@vvks9901 Жыл бұрын
Урок мозг вынес знатно
@АндрейВерещагин-т1ю
@АндрейВерещагин-т1ю Жыл бұрын
Классный стиль преподавания! Спасибо за видосы 👍
@UnwarO
@UnwarO 4 жыл бұрын
Кайфово! Жмём дальше!)) Бест оф зэ Бест!
@1986sunlight
@1986sunlight 4 жыл бұрын
Супер! Сегодня самостоятельно переносил всё в store, и был у меня затык с неверным контекстом вызова. Битый час голову ломал, в итоге всюду пробрасывал полностью store. С bind всё это, оказывается, решается за 5 минут :)
@mysongslove
@mysongslove 5 жыл бұрын
Контекст вызова это одна из самых сложных штук для меня, спасибо тебе еще раз Димыч, стало чуть более понятно чем раньше + очень нравится, что показываешь параллельно как дебажить в консоле, реально крутой скилл.
@НиколайЛевченков-о8ж
@НиколайЛевченков-о8ж 4 жыл бұрын
Отработал 12 часов, провел 2 часа в дороге, потом час в зале и всё что только что просмотрел - понял, это фантастика просто. Лайк и огромное спасибо.
@АртёмМоисеев-ь8б
@АртёмМоисеев-ь8б 2 жыл бұрын
Пошли сложноватые темы, но объясняешь отлично! Нужно закреплять литературой. Спасибо тебе за этот курс :)
@marsonleonardovich4036
@marsonleonardovich4036 5 жыл бұрын
Всё отлично, всё понятно!
@iceaye5730
@iceaye5730 8 ай бұрын
Всё работает + всё понятно, объяснения - бомба!
@demka9796
@demka9796 3 жыл бұрын
Спасибо огромное за твой труд! Наконец-таки понял this, благодаря практике! Погнали дальше )
@ДмитроПасічнюк
@ДмитроПасічнюк 3 жыл бұрын
В принципе если хорошо вникнуть и разобрать непонятные моменты, пересмотрев пару раз, некоторые отрезки видео, то все становиться на свои места. Спасибо за ваши старания)
@AndreyShevchenko-yd3tg
@AndreyShevchenko-yd3tg 5 жыл бұрын
Все по полочкам. Красавчик!! Последние 2 урока, несколько раз внимательно пересматривал, пока зашло)). Простые деньки закончились, идём дальше!!))
38. Уроки, Курс React JS - dispatch и action
34:24
IT-KAMASUTRA
Рет қаралды 114 М.
ЭТО НАСТОЯЩАЯ МАГИЯ😬😬😬
00:19
Chapitosiki
Рет қаралды 3,7 МЛН
Will A Guitar Boat Hold My Weight?
00:20
MrBeast
Рет қаралды 275 МЛН
小天使和小丑太会演了!#小丑#天使#家庭#搞笑
00:25
家庭搞笑日记
Рет қаралды 45 МЛН
Миллионер | 1 - серия
34:31
Million Show
Рет қаралды 2,4 МЛН
71 - React JS - setState, local state
35:45
IT-KAMASUTRA
Рет қаралды 55 М.
Основы и секреты Rest API
5:13
Хочу вАйти
Рет қаралды 4,8 М.
Металл будущего. Как производят титан
25:41
Анатомия Монстров
Рет қаралды 275 М.
60 - React JS - withRouter, props.match.params
30:24
IT-KAMASUTRA
Рет қаралды 79 М.
Что такое ИНКАПСУЛЯЦИЯ и как она реализована в React
23:33
Евгений Паромов | Front-end
Рет қаралды 977
ЭТО НАСТОЯЩАЯ МАГИЯ😬😬😬
00:19
Chapitosiki
Рет қаралды 3,7 МЛН