34. Уроки React JS - Вынос мозга (FLUX-круговорот на каждый символ)

🚀Стань квалифицированным разработчиком за 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
Ребят, input и textarea не могут изменять текст внутри себя из-за того, что кто-то сейчас впечатывает в них символы. Да, жестоко. input и textarea - это тоже UI, и он как и другой UI зависит от входящих в него props. А пропсы приходят к нам из глобального state. Поэтому... если мы хотим "впечатывать" в поле ввода какой-то текст, нам нужно... Каждый напечатанный символ отправлять срочно в стейт! Смотрим новое видео ;)
Уроки по 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 #практика #примеры #уроки #курс

[@petrameltchenko8825]

-Это крейзи идея? - Да -Её нужно делать? -Нет - Мы так будем делать? -Да

[@llelya]

разбираем на статусы))))

[@yaroslavzef7267]

Димыч как всегда отжигает )

[@dennisyudytski9262]

Разумны ли ваши страхи? Ну да, разумны Безумны ли мои затеи? Ну да, безумны…

[@compot8279]

Димыч: Объясняет FLUX Мой мозг: На этом мои полномочии всё

[@andreiBylkin]

азхахахаахах

[@hemul1019]

Значит так: value, то бишь каждый символ в textarea, мы берем из BLL, в стейте. Делаем мы это через props. Чтобы добавить каждый символ в стейт, т.е. наше value, мы используем обработчик onChange. Программируем наш onChange, чтобы value (символ который мы нажали) передавался в стейт. Делаем это через функцию update, которая должна лежать со стейтом в BLL. Прокидываем эту функцию через props в нашу компоненту. В обработчике пишем, вызови update(со значением value(символ)). т. е. то, что мы ввели, через функцию записывается в какой-то массив в стейте. А textarea говорит: О! Сейчас кто-то ввел символ и мой value стал тем, что ввели. Быстренько отображаю это, в поле ввода. Получается, сначала поменялся state в BLL, а потом Ui в textarea. Это концепция Flux архитектуры.

[@andranikmkhitaryan9914]

Оо, спасибо !!

[@user-hu8ng6us3u]

Краткость - сестра таланта. Всё просмотренное сложил как кубики в правильную фигуру. Спасибо!!!

[@user-nd7qg3es4z]

Каким образом новая буква передаётся в стейт? Ни props ни экспорт не используются В onPostChange мы создаём переменную считывающую новый введённый в textarea символ и передаём как аргумент в props.updateNewPostText Это и передаёт новый символ в state?

[@user-gp9lo3sn2t]

@@user-nd7qg3es4z всё так, только в textarea считывается не один введённый символ, а полностью всё содержимое текстового поля, которое, опять же полностью, передаётся в updateNewPostText

[@stianotesti5721]

Все правильно, только textarea ничего не говорит, потому что это просто Тупая textarea в Тупой компоненте и она Тупо отображает новое значение из state при перерисовке)))

[@mikhailsloushch5052]

а прикиньте, нет никакогой FLUX - концепции, и Димыч просто сошел с ума и прогоняет нам)

[@ITKAMASUTRA]

:))) ахахаххахахах

[@user-gy1rn9hy2v]

)))

[@Moroir]

Точно! И Реакта никакого нет - его димыч придумал. Да нас нет - мы все сон собаки)

[@yar__n8013]

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

[@eugene8287]

@@Moroir эта концепция хорошо описана в ''Шлем ужаса'' Пилевин )

[@artemudovichenko9244]

ЛУЧШИЙ ПРЕПОДАВАТЕЛЬ НА ЮТУБЕ!!! Ждем следующих уроков! Не бросай!

[@ITKAMASUTRA]

спасибо, Артём! Очень приятно!! Рад стараться дальше!

[@johnnysel8186]

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

[@cikada3398]

Пришлось скорость убавить с 1.5 на 1)

[@artemy5594]

))

[@darigasyzdykova4488]

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

[@Nic13595]

Аналогично

[@user-wg5mi8xs9j]

Эххх,придется все записывать, с 33 по 35 урок ничего толком и не понял,хоть и смотрел несколько раз)))А с 36 все норм зашло.Походу я тупой как компонента,ну ниче,разберусь раз уже начал изучать React))Спасибо за уроки

[@ITKAMASUTRA]

Лети вперёд: с высоты более высоких ступеней будет понятнее, что было внизу!!!

[@snoopquits-friend]

как дела?)

[@_e_mask]

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

[@yaroslavzef7267]

@@_e_mask походу на 35 его курс закончился)

[@gleb655]

@@_e_mask я тоже год назад смотрел, но был слаб в js поэтому нихера не понимал, решил пока зарабатывать на верстке на фрилансе. В итоге пока нет миллионов, но живу в достатке и решил повысить себе зп, а курс Димы как раз в тему. Поэтому у тебя тоже все получится, я в этом уверен, главное не сдайся на середине пути!

[@visokogroup7922]

2 раза пересмотрел)) Первый раз мозг порвался) Со второго раза как по маслу захавалось!) РЕАЛЬНО ЛУЧШИЙ ПРЕПОДАВАТЕЛЬ НА ЮТУБЕ!!! ТАКОГО Я ЕЩЁ НЕ ВСТРЕЧАЛ!!!

[@vvks9901]

да хреново он объясняет

[@AndranikArshakyan]

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

[@Arthur_Starovoyt]

Бро, твоя домашка заняла у меня часа 4, но я смог сделать. Чувствую огромную гордость за себя. Спасибо тебе что даешь домашку по силам и что благодаря тебе можно почувствовать такое приятное чувство за самого себя :)

[@itweb7157]

дуже цікава концепція роботи React... три чи чотири рази за урок зупиняв відео, робив сам і потім дивився чи Діма так само зробив =) круто, коли знаєш інші мови програмування і вже є досвід, як вирішувати схожі завдання... Та все ж Дімичу - респект! подача матеріалу дуже хороша! Дякую! 👍👍👍

[@user-dz2vg8oq9d]

У меня почему-то страничка перезагружается каждый раз при вводе символа в text-area - то есть после каждой буквы - значение-то сохраняется но страничка "прыгает" каждый раз и надо курсор ставить на текстовое поле после нажатие кадого символа... - что я делаю не так? Спасибо за Уроки, Димыч - самый крутой учитель на Ютюбе!!!!

[@user-dz2vg8oq9d]

разобрался, переменную root в рендере вынести вверх - в глобальный уровень видимости

[@user-wp1qb3nf4p]

@@user-dz2vg8oq9d мучился пару часов! никак допереть не мог. Спасибо, бро

[@user-op5ux6gl8n]

@@user-dz2vg8oq9d от души, бро!

[@user-ps7ey4kl7u]

Спасибо, брат, помог сильно🫂

[@oofejvivhb]

помогло, спасибо, но хотелось бы конечно понять почему так

[@Dreyclin]

Делал это задание сам, в итоге выдавало куча ошибок, никак не мог понять в какой момент времени они происходят, переделал все под диктовку Димыча, в итоге, такие же ошибки. Уже был готов опустить руки, но вспомнил совет с самого первого урока: 1. Отжался 2. Умылся 3. Сел решать с холодной головой Ну и собственно ошибка была в том, что я просто забыл передать объект state при ререндеринге страницы в функции updateNewPostText. Спасибо большое, Димыч!!! Бомбим!

[@__maxsoul643]

Супер! Спасибо за урок. Пока повторял тоже самое с диалогами, материал усвоился еще лучше.

[@amiraimurzayev8234]

Первые 10 минут - за это огромное спасибо...) Еще раз разжевали что было и что за чем идет, стало куда понятнее. Все супер)

[@user-es8jz5xm2g]

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

[@ITKAMASUTRA]

сорри, из-за рабочих проблем.. затянулся выпуск

[@ITKAMASUTRA]

рад стараться, Вань! Летим!

[@elford9337]

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

[@spirit820ruka5]

@@elford9337 Судя по просмотрам, первые серии просмотров более 200к, к этому уроку уже менее 100к. Думаю отсеится процентов 80((

[@spirit820ruka5]

@@elford9337 Как у вас дела по этому курсу? Удалось освоить?

[@theoty-js]

Пересмотрел несколько раз! и это верный путь для обучения и закрепления материала.

[@user-bd4lw9hx3s]

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

[@3PuY]

Блин, ну на сколько круто ты объясняешь!! 36 минут пролетело как 2 минуты. Самые интересные уроки что я смотрел!

[@ITKAMASUTRA]

Бомба, Антон, спасибо за обратную связь!!! Стараюсь стараться объяснять!! Очень стараюсь!!!

[@ArtLokos]

Круто, что если обещают взорвать мозг и ты к этому готов, то, вуаля, мозг не взрывается!!! Димыч the best!!! Летим дальше!!!

[@user-hr2qq6nd7h]

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

[@user-cy4cz7zx4m]

Спасибо с каждым выпуском всё интереснее становится.

[@andriizatsepin6137]

сложно, тяжело, больно, но сука интересно!) продолжаем бомбить дальше! За карантин нужно стать junior React разработчиком))

[@user-iy1ss9ch9i]

По-моему, отличное решение!)

[@oleksandrlysiuk3971]

Как успехи?)

[@ratmirmukazhanov7985]

нифига себе, карантин уже 7 месяцев

[@blind_ron1n]

@@ratmirmukazhanov7985 начал в мае заниматься вебом ,месяц назад решил реакт поучить, по ходу успею и до миддла зайти с этим карантином

[@user-jw1pc9ls1x]

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

[@fullname9437]

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

[@ITKAMASUTRA]

;) лети, бро!!!

[@furzaa]

Шикано, нет слов. Спасибо за всю работу

[@pvm1221]

Спасибо ! Очень понятно объясняешь. Разжевываешь. Живая подача материала.

[@arrowdev1042]

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

[@dmitrybuinitski5245]

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

[@ITKAMASUTRA]

сегодня ещё видос будет!!! Спасибо за обратную связь!

[@olexanderpotebenko1685]

Очень круто, что ты даешь принципы проэктирования. Я часто спотыкаюсь из-за того, что не знаю паттернов, а сделать все хочеться по какой-то логике. Урок крутой, большое спасибо!

[@harmony-ai-world]

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

[@lomonosov9]

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

[@elford9337]

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

[@lomonosov9]

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

[@rossfilin8186]

Блин, эта песня вначале мне уже снится. Спасибо!

[@Moroir]

Крепок ты, дядя. Я её уже в душе пою Т__Т

[@_CryptoFunUA]

я не могу уже слышать ее)) перематываю сразу же))

[@demka9796]

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

[@victorsherstiuk4874]

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

[@olegvoskovets4309]

Дякую за навчання.

[@alexanderk4873]

Мне нравится подход Димыч, и на первых ошибках я тратил до 2х дней, чтобы решить проблему, сейчас могу минут за 5-15 найти проблему. Думаю, со временем будет легче. Пока, конечно, тяжко

[@sophiet1694]

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

[@dimitriysinyazhnikov1078]

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

[@RUS4HELP]

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

[@olegkryvak9885]

08.02.2021

[@jedixtv3362]

привет ну как устролися?

[@lerne-du]

Первый раз видео просто смотрела. Второй раз - смотрела и конспектировала. Потом пробовала сделать что-то похожее в своем проекте. А затем снова и снова смотрела это видео, так как что-то не получалось... Итого 5 раз (-О_о-) , но сейчас все понятно и все получилось. Спасибо! ❤️

[@alinakarpenkova2372]

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

[@unskeptik]

Годно, Димич, годно!! Спасибо за труд! Очень круто!

[@user-tw7tt2xi4t]

Ребят, у меня как и у многих начало появляться ощущение, я тупее тупой компоненты) Меня прям наизнанку выворачивало от того, что начиная с 33 урока перестал что то понимать. Через упорство и потраченное время, пересмотрел уроки с 33 по 35 урок (пока что) по несколько раз, из одного в другой возвращался, потому что параллельно писал код сам. И в итоге до меня дошла идея FLUX и принцип всей работы. Для новичка это действительно очень сложно, но мы все справимся. Димыч с нами и он знает что делает. Просто слушайте все его советы (листок бумаги, ручка, домашние задания и т.д.) и все получится. У меня получилось, я пошел дальше!!! Димыч, огромное спасибо за уроки!))

[@NightcoreandmoreKastommKM]

Вообщем. Остановился на данном уроке 2 месяца назад по причине подготовки к сессии. Последний этап успешного закрытия семестра, был поиск места практики. Предлагали разные места(от пекаря(учусь на информационных технологиях:) ), до сисадмина). Безумно хотелось найти компанию, которая использует в качестве инструмента разработки React, понимал, что я не совсем готов к тому, чтобы работать с данной либой, но раскидал везде своё резюме с портфолио(до этого было несколько пет-проектов и большой проект от ВУЗа). И вот мне ответили, но ответила компания, в которой используют VUE. Пригласили на собес. И о боги я его прошёл(перед ним неделю практиковался с VUE, зубрил документацию, и посмотрел тонну видосов с собесами на VUE разработчика). Потом прислали тестовое задание, которое меня безумно напугало, так как я вообще не знал, как работать с данным фреймворком, срок был 4 дня. Выполнив это тз с горем пополам за 2,5 дня, меня позвали в офис для заключения договора. Предложили 1250$. Чувства были смешанные, всё таки хотелось быть React разработчиком, но в один момент пришлось перепрыгнуть на VUE :) Спасибо, Дима, за тонну полезной инфы даже за эти 34 урока, эти знания мне пригодились и во VUE. Желаю успехов всем, кто ещё только в начале пути. главное сильно захотеть и приложить ещё немного усилий, и всё обязательно получится)

[@ALDIK-uc3nt]

Lel😀

[@rixrip8966]

как прошла практика?

[@NightcoreandmoreKastommKM]

​@@rixrip8966 занимался разработкой курьерского приложения с нуля, смог сделать рабочий продукт и написать отчет в университете по нему, но потом ушел с данной работы, поступило более выгодное предложение в другую компанию)

[@user-mq7nd5pq9q]

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

[@theWorldIsMultivariate]

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

[@tema_skakun]

если у тебя пропадает фокус textarea после введения каждого символа, надо в компоненте render вынести объявление переменных container и root в глобальную область видимости. даприбудет с вами сила))

[@user-pw7hh6oe3e]

Спасибо, помог, не подскажешь, почему так происходит?

[@tema_skakun]

@@user-pw7hh6oe3e не подскажу)

[@user-us8dr3gr9k]

Ребзя, если вы не сделали , а оставили как было {props.value} то при перерисовке на 'пустота' после добавления поста у вас ничего не обнулится. Надеюсь что кому то помог)

[@user-eg6hw2mb2v]

thanks

[@user-xd3we2qp4i]

16:00 интересную мысль накинули о том, что даже такие штуки как draftMessage/Post нужно контролировать в глобальном стейте, ибо таким образом можно создавать черновики. За window.state = state вообще отдельное спасибо, я о таком даже не знал :) Мозг не взрывает всё очень понятно, а вот от меня подарочек тем, кто будет учится по этому курсу с нуля (и тем, кто не знал), способ как обойтись без рефов: const handleChange = (e) => { props.writingPost(e.target.value); }

[@semial]

Реально красава))) Очень хорошо, что перезаписал и стараешься для нас! Спасибо за урок)))

[@user-or5hs7yw7r]

2 дня пересматривал 33-34 уроки, наконец-то всё понял, развиваемся дальше! Спасибо тебе, Димыч)

[@user-qg4if2pn5h]

Это реально взрыв мозга, главное, чтобы потом это скажем на 95 уроке не забыть:)

[@user-mf9uc3he8b]

Реально вынос мозга. Придется второй раз смотреть

[@ITKAMASUTRA]

Это норм!! Потому что дальше немного всё будет усложняться! но, на самом деле, это вот, одно из самых сложных мест))

[@user-mf9uc3he8b]

@@ITKAMASUTRA , посмотрел второй раз. Все стало понятно)

[@magomed_official]

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

[@user-im8le2mi2w]

Спасибо большое! Смотрю, учусь!

[@horror981]

Есть 2 нюанса которые в 24 году уже по другому работают. Как уже кто то писал ниже 1) в файле Render.js строчку const root = ReactDOM.createRoot(document.getElementById('root')); нужно вынести из функции rerenderEntireTree. что бы фокус не слетал с textarea. 2) что бы текст после добаления поста пропал нужно затирать переменную в самом State, нужно в функцию addPost перед строчкой rerenderEntireTree(state); добавить state.profilePage.newPostText = '';. И тогда при добавлении поста поле в textarea будет затираться так как при добавлении newPostElement.current.value = ''; в AddPost.jsx вы поле то затираете но у вас прилетают данные из State там то вы их не затёрли. + если кому-то совет помог. А так да из-за изменений и в роутинге и реакте сложновато в 24 году смотреть курс =)

[@user-sh1mr1lm3z]

Спасибо!

[@kiragameworld]

Благодарю

[@user-bx4vp3vd3c]

У меня вообще проблема. После ввода текста в текстареа , я больше ни чего не могу там писать . только после того как обновлю страницу.... 6

[@horror981]

@@user-bx4vp3vd3c у вас данный в стейт не пробрасываются

[@13karatjaws88]

- Кто мы??? -Мы крееейзии!!! -Чего мы хотим??? -Менять стейт по каждому символу в инпуте!!! -Зачем мы этого хотим??? -Мы крееейзии??? )

[@konstantinv5512]

Спасибо. Не стесняюсь смотреть много раз.

[@krissssssssssssssssss]

На урок потрачено 2 часа, записала все своими словами прямо по пунктам как что делать и в голове по полочка разложилось, что за чем идет. Получилось самостоятельно добавить сообщение в диалогах. Супер 🤓

[@developers_gaming]

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

[@user-we9dr1wc6h]

так же делал

[@Titanidze17]

Классный термин - захардкодили :)

[@user-bx8bw9bo5w]

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

[@alexandr9313]

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

[@nataliusta9785]

Видюху на 30 минут просмотрела с перемоткой в течение часов трёх. Делаю проект немного другой,поэтому пришлось разобраться в своей структуре. Где-то что-то запорола,консоль ругается. Буду копать, дебажить. Спасибо за крутой курс!🔥

[@Mykhailo_Vdovychenko]

Первые выпуски вступительная песня про "Ай-ти камасутру" роздражала, а теперь уже и вкайф слушать ее, хоть бери тай на вызов на телефон ставь, но этот ХИТ лишь избранные поймут :D

[@alexey2769]

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

[@samael1864]

Реально полезно самому понять и сделать (хотя бы попытаться сделать). И круто когда сначала не получается так как хочешь, потом через время, в течении дня думаешь о том как еще можно реализовать что-то придумываешь, пробуешь и оно начинает работать! В общем концепция ясна. Спасибо большое!

[@videoX6]

Каждый урок смотрю по 1,5 раза! Смотрю -> Повтряю -> Подглядываю. 1. Сначала смотрю все, пытаюсь вникнуть но без остановок. 2. Потом повторяю. 3. Тогда мозг начинает задавать вопросы "Как? Почему?" 4. А я уже ищу ответы в памяти или в уроке. Может кому полезно будет... )

[@ITKAMASUTRA]

Офигенно! Так и нужно примерно бомбить!

[@songsforyou1]

-Это разве не крейзи идея? 🤔 -Крейзи! 🤯 -Она обязательна к выполнению? 🧐 -Нет! 🤷‍♂️ -Мы так будем делать?! 🤔 -ДА!!! 🤣👍🏻👏🏻👌🏻

[@darkkobra1485]

обосраться как смешно

[@flyx79]

@@darkkobra1485 душнила)

[@ctumyji9737]

Спасибо Димыч! Как же круто и доступно ты объясняешь материал - ЛУЧШИЙ ПРЕПОДАВАТЕЛЬ! Смотрел полтора раза пока полностью сам не сделал. Просто супер - еду дальше :)

[@user-wj6ue7nt5g]

Супер!! Действительно это крейзи, но зато теперь стало предельно понятно как работают эти принципы!

[@xstage1483]

Если у кого-то есть проблема с потерей фокуса у input'a после ввода символа, то используйте в Route не "component", а "render". Димыч не объяснил, а я забил и использовал component в итоге это вылилось в 2 дня поиска проблемы. Дело в том, что когда вы осуществляете перерендеринг и у вас стоит в роуте "component", то происходит пересоздание компонента вместо его обновления из-за чего происходит потеря фокуса при вводе символа.

[@stefbured]

Cпасибо, что поделился))

[@MrMomomoy]

я вот делаю это задание 13.11.21го. неделю назад вышел новый реакт роутер, и там ваще уже нету рендера вроде. даже компонента нет, теперь вместо компонент надо писать - элемент. И у меня щас такая же шляпа с потерей фокуса((

[@TraderOff-Road]

@@MrMomomoy нашлось решение?..

[@user-pk8pp1oo3u]

@@MrMomomoy На этом же этапе застрял :((

[@TraderOff-Road]

@@user-pk8pp1oo3u почитай самые новые коменты под видосом этим, я там оставлял решеное

[@user-qj2yg1rn3j]

Чёт на середине я понял, что уже ничего не понял. Короче, походу лучше на свежую голову смотреть.

[@Brinzovik]

это был единственный урок, на котором я "устал", нажал паузу и пошёл спать, чтоб вернуться со свежей головой)) правда это был 4(вроде) за день, а 5 уроков, это похоже на мой максимум. сегодня вернулся, пересмотрел, осознал, сделал. Всем успехов!

[@user-hf6lb9cf5v]

@@Brinzovik Вообще такая же история) вызвался изучить реакт за 5 дней)) этот урок оказался сложный и просто воткнул палку в мой мозг :)) по спал) с закрытыми глазами повторил)

[@user-hf6lb9cf5v]

@ksixen успехи отлично) дальше ещё сложнее)) да пришлось много изучать запоминать) бысро пройти не получиться

[@keepworking2705]

@@user-hf6lb9cf5vРеально сон повышает мощность бошки) с утра глянул видос и чет сложна как то показалось, но после часа сна дневного бошка - свежак, все вспомнил и повторил поэтапно самостоятельно без видоса

[@user-bo4oy7ns7z]

И трезвую

[@ivandiyz135]

Два раза записывал!!! Большое спасибо за труды!

[@marksobolev9059]

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

[@alexandrnazarov8999]

Ставь лайк если смотришь это в 2022)) Ну Димыч и накруговертил)))

[@bohdanshevchenko4268]

После первых 10 минут понял принцип, и сам всё написал. Огромное спасибо за курс! Все очень понятно, слушаю на х2 :D

[@user-pz6kr7px3i]

Спасибо Димыч) Очень подробный урок) Информации много, но все понятно)

[@user-eq3ol7hs6z]

Самый лучший online-free tutorials. Спасибо за такие уроки.

[@urmatazamatov2799]

Мдааа, Дима! После этого урока я сбился с колеи и впал в депрессию. )))

[@user-fm9qs1hr4x]

Не переживай, ночь темнеет перед рассветом :-)

[@viacheslavkyian3040]

в react 18 в textarea после каждого символа пропадает фокус! и в консоли получаю ошибку: ReactDOMClient.createRoot() on a container that has already been passed to createRoot() before. Instead, call root.render() on the existing root instead if you want to update it. кто знает как решить

[@timofeyvergazov5029]

надо в компоненте Render вынести объявление переменных container и root в глобальную область видимости

[@machiryuu6716]

@@timofeyvergazov5029 сначала подумала, что непонятное объяснение. Но оно супер) Спасибо, человек Просто константу root выносишь - и работает~

[@bormanbormanov3323]

@@machiryuu6716 после этого пересиало затирать textarea

[@UnwarO]

Топово, всё понятно! Пересмотрел несколько раз данный урок, законспектировал, чтоб лучше запомнить, тяжко конечно, реально рвёт мозг, но это ваще крутяк, так что прём напролом дальше, best of the best!!!

[@user-vl8qf4sn8l]

Класс, все очень понятно. Особенно про методы по перерисовки и круговороту данных... Да, есть встроенные реакт методы по перерисовке и обновлению. Но благодаря тому, что ты объясняешь как они работают не просто в теории а путем написания этих всех методов самостоятельно, становится все намного понятнее, как все работает. Даже о стейте.... когда был на курсах по нативному js в компании, там была тема state ов, я ее не понимал вообще, хотя это важная тема для работы с данными в приложении, и благодаря твоему курсу "React JS - путь самурая", начал понимать, что это не так страшно) Спасибо! Лайк! Буду двигаться дальше!

[@user-qx2ni7gy3x]

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

[@user-qx2ni7gy3x]

при ререндере теряет поле фокус и недает дальше писать по не кликнишь по полю

[@user-qx2ni7gy3x]

если поставить автофоку то текст набирается справа на лево вмето слова мир получаем слово рим

[@user-qx2ni7gy3x]

ребята разобрался у меня было вот так export let rerenderEntireTree = (state) => { const root = ReactDOM.createRoot(document.getElementById('root')) надо вот так const root = ReactDOM.createRoot(document.getElementById('root')) export let rerenderEntireTree = (state) => { почаще надо заглядывать в консоль лог ))))

[@artemlopatkov5075]

@@user-qx2ni7gy3x спасибо большое очень помог 👍

[@oleksandrharasymovich4735]

@@user-qx2ni7gy3x Спасибо!

[@trololopower4395]

очень круто объяснил Flux , и все до этого видео, наконец то понятно) спасибо большое)

[@lucyru7552]

Дима, это огонь) Смотрю с большим удовольствием. В ближайшее время - это мой любимый сериал : *

[@andriizhyvotovskyi7944]

Отличная подача. Посмотрел понятно все. Начал делать, мозг немного прикипел но сделал за 20 минут вместе с заданием для сообщений. Хорошо что перед этим еще читал про FLUX как Димыч рекомендовал в предыдущих видео.

[@user-ez7lk9kx6j]

Круто! Надо переварить. Спасибо! 👍

[@tim7703]

Спасибо за Ваш труд! Хотел написать, что недавно был опыт первого тех собеса. Очень круто получилось, я думал будет намного хуже. Теперь есть темы для заполнения пробелов, "бомбим" дальше :) Иду дальше!

[@user-wo3lb4mi3i]

Мощно. А главное всё понятно! Очень круто Димыч! Летим!

[@spacerider9426]

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

[@over_the_top_404]

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

[@kriptonVIP]

Спасибо Дмитрий!

[@user-en8db8kr3i]

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

[@mariapaderina5992]

Молодец !! Спасибо за курс! Обязательно хочу поддержать дополнительно

[@aklim4859]

Дмитрий спасибо!! Продолжай в то же духе! !!!

[@user-xm3mf6dp9p]

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

[@Keksmax]

Димыч!! Ты супер человек!! Не уставай! Все очень классно рассказываешь!