33. Уроки React JS - добавление поста на стену (зачатки FLUX-концепции)

  Рет қаралды 126,126

IT-KAMASUTRA

IT-KAMASUTRA

Күн бұрын

Пікірлер: 1 200
@artkhar
@artkhar 4 жыл бұрын
3 раз пересматриваю и не пойму, почему у меня при добавлении поста он появляется на мгновение снизу и сразу убирается. Дело в том что я обернул button и textarea в тег form, и видимо по умолчанию эта связка работает как то иначе. Заменив form на div все работает. Кто с этим столкнется, надеюсь помогу.
@ITKAMASUTRA
@ITKAMASUTRA 4 жыл бұрын
Кнопка внутри формы при клике делает submit формы... Если на вкладку обратите внимание, то ВСЯ страница целиком перезагружается, а значит app ваше умирает и рождается заново, и все что в памяти было, тоже умирает! Есть несколько решений: 1. Убрать форму 2. Кнопке добавить type=“button” (по умолчанию “submit”) 3. На форме в обработчике события onSubmit сделать e.preventDefault() 4. Чего-то туплю, но вроде и на кнопке в обработчике на onClick можно написать e.preventDefault()
@mariiatkachova570
@mariiatkachova570 4 жыл бұрын
Спасибо за коммент!!! У меня была та же проблема!
@re1ze-q5u
@re1ze-q5u 4 жыл бұрын
@@ITKAMASUTRA Спасибо за развернутый ответ! Полдня туплю с этой проблемой :)) Ну и за уроки отдельное и ОГРОМНОЕ спасибо! Лайкосы прожал, подписан давно ))
@yurimikhaylov8543
@yurimikhaylov8543 4 жыл бұрын
@@ITKAMASUTRA наверное тег form для React приложений уже бессмыслен(все равно submit блокировать) все равно BLL/Redux - весь контроль под себя "загребает"
@yevheniisahanenko5848
@yevheniisahanenko5848 4 жыл бұрын
@@yurimikhaylov8543 не бессмысленно, через форму много инфы идет на сервер, тут превент нужен чтоб не перезагружалась стр, так как SPA, но данные посылать так удобно
@otto-nyman
@otto-nyman 3 жыл бұрын
Если кому интересно - с 15 по 19 минуту компонента была тупой 25 раз, плюс несколько раз dumb.
@РустамАетбаев-р4к
@РустамАетбаев-р4к 2 жыл бұрын
я так и думал что кто-нибудь посчитает сколько раз компонента была тупой))))))
@evgeniymartynenko102
@evgeniymartynenko102 2 жыл бұрын
Я сначала подумал что он ее ненавидит)
@mavdroner1642
@mavdroner1642 2 жыл бұрын
и одна тупая функция
@AndrewLapteff
@AndrewLapteff Жыл бұрын
хахахахазазааз
@farbovaniylis315
@farbovaniylis315 Жыл бұрын
Сначала прочитал твой пост и думаю: "Ну он всегда называет их тупыми, что тут удивительного..." Дослушал до 15-19минуты и все понял🤣🤣
@sergey9784
@sergey9784 Жыл бұрын
23 год! а среди прочих видео , логическую концепцию ты объясняешь лучше других( благодаря архитектуре)
@simplet4ch
@simplet4ch Жыл бұрын
Привет, подскажи пожалуйста, ты всё ещё проходишь этот курс? Было бы здорово, если бы ты написал супер грубо, какие штуки уже устарели/имеют вообще другую логику?
@zucker6166
@zucker6166 7 ай бұрын
@@simplet4ch по ходу понятно будет - оно просто не будет работать :D
@l.a.work_
@l.a.work_ 10 ай бұрын
Пересматриваю 4-й раз. Мозг в отказе, чисто на волевых. Безумству храбрых РЕСПЕКТ!✌
@yurykiryaev329
@yurykiryaev329 4 жыл бұрын
"Это тупая компонента, видите она тупая" - мне кажется я знаю почему начнется восстание машин)
@PACEMAKER76
@PACEMAKER76 2 жыл бұрын
не начнется) у компонент не хватит ума - они тупые))
@ВадимЛюманов
@ВадимЛюманов 3 жыл бұрын
Все получилось. Есть одно НО: мы в вызываемую ф-цию rerenderEtireTree(state) прокидываем только state, а по идее еще надо туда прокидывать и ф-цию addPost, т.е. сделать rerenderEtireTree(state. addPost). Сделал эту ф-цию на 2 аргумента - все работает.
@ПашаХодор-ш9о
@ПашаХодор-ш9о 5 жыл бұрын
Смотрю 33 видос, а Димыч уже анонсит 2.0, кайф, сил тебе, спасибо за труд)
@ITKAMASUTRA
@ITKAMASUTRA 5 жыл бұрын
Пожалуйста! Летим!
@vana__f7570
@vana__f7570 3 жыл бұрын
@@ITKAMASUTRA Если какая-то разница между тем, чтобы посмотреть все 100 видео или одно видео где ты весь курс расказываешь за час?
@railbatyrshin5361
@railbatyrshin5361 3 жыл бұрын
@@ITKAMASUTRA хах)) спасибо Димыч! Летим))
@dariagrebenyuk8203
@dariagrebenyuk8203 2 жыл бұрын
@@vana__f7570 В последнем видео только теория. На всем курсе также практика.
@nataliarslan0601
@nataliarslan0601 2 жыл бұрын
Июль 2022. В восторге от курса: доступно,чётко,наглядно,ПОНЯТНО (что важно)! Димыч,много раз благодарила тебя за твой совет уйти в айти,а сейчас благодарна за твой труд и Реакт!! 😊🚀
@ЭзизК
@ЭзизК 2 жыл бұрын
закончили все выпуски, как конец?)
@SpauN-
@SpauN- 2 жыл бұрын
@@ЭзизК а у тебя как успехи))?
@ЭзизК
@ЭзизК 2 жыл бұрын
@@SpauN- Хожу на собесы) учил после курса хуки , тулкит, + ts
@SpauN-
@SpauN- 2 жыл бұрын
@@ЭзизК Мощно. Обычно у кого не спросишь в комментариях все молчат = слились с учебы 😅. А ты в каком городе живешь, ходишь на собесы офлайн или на удаленку ищешь? А где учил тс + хуки + тулкит?) Сорян что завалил вопросами)
@ЭзизК
@ЭзизК 2 жыл бұрын
@@SpauN-Москва, ютуб, офлайн или онлайн без разницы) дай телегу пообщаемся)
@КрокодайлВладимирович
@КрокодайлВладимирович 5 жыл бұрын
Человек сам настолько кайфует от процесса, что ты хочешь/не хочешь, но тебе нравится и ты понимаешь, что он хочет донести. Спасибо!!!
@ITKAMASUTRA
@ITKAMASUTRA 5 жыл бұрын
Спасибо и пожалуйста!
@krissssssssssssssssss
@krissssssssssssssssss 2 жыл бұрын
Впервые за курс пришлось пересмотреть видео, чтобы точно все понять Начинается жаришка 🔥
@ismo2286
@ismo2286 2 жыл бұрын
Согласен, в голове одна каша, но нужно как пазл всё собрать в одну кучу)
@qexly512
@qexly512 4 жыл бұрын
Win + Shift + S - встроенная команда винды для скриншотов, так же можно на ходу область скрина менять, как ты делаешь с помощью сторонней утилиты. Чем меньше хлама установлено - тем лучше работать будет система. *Вшух*, *вшух* *вшух* :)
@alext1677
@alext1677 3 жыл бұрын
Смотрю в 21 году, перед новым видео ставлю лайк, потом иду в комментарии, чтоб узнать, что будет в новой серии и только после этого включаю видео))) курс агонь) Димыч спасибо))
@PavelChupryna
@PavelChupryna 3 ай бұрын
Обещаю что пройду этот курс!!!)
@ИльяИваник-ф8ф
@ИльяИваник-ф8ф 4 жыл бұрын
к концу видео хочется сказать: components live matter!
@ardixq
@ardixq 4 жыл бұрын
blnm
@ИльяИваник-ф8ф
@ИльяИваник-ф8ф 4 жыл бұрын
@@ardixq oh c'mon dude, don't be so mean))
@ainz8656
@ainz8656 3 жыл бұрын
@@ИльяИваник-ф8ф proppser
@ДарьяВоронцова-р9ь
@ДарьяВоронцова-р9ь 12 күн бұрын
Спасибо Димыч, хоть с третьего раза, но понял на самом деле простоту данного маневра. Все не так сложно. Идем дальше.
@АртемРубец-я2ю
@АртемРубец-я2ю 5 жыл бұрын
Первый видеоурок , что после двух просмотров не понял практически ничего.До этого все на лету запоминал,а тут конкретно затормозил.А так круто,спасибо)
@alexanderbunin7388
@alexanderbunin7388 3 жыл бұрын
В момент когда ты нажал на кнопку, и пост добавился, у меня мурашки пошли от осознания крутости! Димыч, что ты делаешь, продолжай..))
@mariia7044
@mariia7044 4 жыл бұрын
Дошла до 40 урока, вернулась досматривать, и это оказалось проще простого Вывод: нужно смотреть видео минимум 3 раза, кодить, рисовать все на листе, если остается не понятно все равно идти дальше
@rostikoffchannel
@rostikoffchannel 2 жыл бұрын
Ну как успехи? Я вообще чайник никогда не кодил, на 33 уроке мозг кипит((
@mariia7044
@mariia7044 2 жыл бұрын
@@rostikoffchannel а как дела с js? По этому курсу я больше особо не училась, Димыч конечно классный чувак, редко найдёшь на ютуб кого то кто действительно разбирается в технологии но этот курс достаточно глубинный и не всем подходит такое углублённое понимание всего что происходит, это конечно в приоритете но не до всех доходит. До меня не дошло, но это мне не мешает работать, учила реакт по ходу работы на реальных проектах, конечно то что я пишу не идеально, но может когда то вернусь к этому курсу что бы подтянуть что вначале не понимала
@rostikoffchannel
@rostikoffchannel 2 жыл бұрын
@@mariia7044 JS выучил базовый по ютубу Богдан Стащук есть такой…повторяю параллельно. По Димыча Реакту понятно на 70% так как у меня вообще нет бекграунда в разработке. Я учусь сам с июля 2022… тяжеловато, но все же что-то уже есть. + Я ещё в Канаде сейчас и как это на английском интервью проходить, то в чем не спец - ещё будет та задача((( короче не сдаюсь - буду до конца идти…
@mariia7044
@mariia7044 2 жыл бұрын
@@rostikoffchannel да Богдан крутой, максимально просто и доходчиво объясняет В целом для старта и первой работы не нужно многое из этого курса Димыча, достаточно понимать основные моменты, как сделать элементарный компонент, как сделать запрос за данными, прокинуть их, вывести пользователю Не знаю как в Канаде, возможно более жесткие требования к джуну, но точно никто не будет требовать рассказать как работает флакс круговорот)) По моему опыту нужно по началу больше наседать на js, потому что я например залезла в реакт без особых знаний js а это крайне неправильно и по этому тяжело реакт шёл
@JohnSmith-hm3vz
@JohnSmith-hm3vz 3 жыл бұрын
Дякую за уроки. Все супер
@coldy7382
@coldy7382 4 жыл бұрын
Всё как всегда круто, но уже немного труднее становится, приходится пересматривать)
@rustam9707
@rustam9707 3 жыл бұрын
И именно тут я ничего не понял. Может из-за того что много разной инфы и не сильно развёрнуто объяснение
@AidynAkhmetov-s9y
@AidynAkhmetov-s9y 2 жыл бұрын
Привет, как успехи? Выучил реакт?
@georgevenv
@georgevenv 3 жыл бұрын
Всасывания информации проходит успешно, казалось все куда сложнее, когда слышал про react, node and redux
@SvetaSveta-ms4hi
@SvetaSveta-ms4hi 4 жыл бұрын
Да, урок сложный ! Но я не сдамся! Спасибо большое за курс ! 👍👍👍
@pashabezk
@pashabezk 2 жыл бұрын
2022. Спасибо большое! Почитал дополнительно про FLUX. Нравится, что во время курса приходится какие-то штуки дочитывать самому
@maksimlapin2031
@maksimlapin2031 5 жыл бұрын
Да, братан, полезно! Супер-круто полезно! Спасибо
@АльбертЩербина
@АльбертЩербина 2 жыл бұрын
Большое спасибо! Просмотрел, все понятно сразу. Двигаюсь по курсу с 0, и уже много чего узнал о React
@antonkorkin6757
@antonkorkin6757 6 жыл бұрын
2 видео за день вместо одного. Это лучший подарок.
@ITKAMASUTRA
@ITKAMASUTRA 6 жыл бұрын
На здоровье, мужик
@ОлександрОпенько-ь6м
@ОлександрОпенько-ь6м 4 жыл бұрын
устроился фронтенд разработчиком ?
@andreiBylkin
@andreiBylkin 3 жыл бұрын
как успехи?
@Людмила-е2р1ы
@Людмила-е2р1ы Жыл бұрын
27 марта 2023 год - полет нормальный! Благодарю за подачу материала, все разжевано максимально!
@andyrey840
@andyrey840 4 жыл бұрын
Верстальщик, смотрю твои видосы что бы перейти в React!!!
@ITKAMASUTRA
@ITKAMASUTRA 4 жыл бұрын
Огонь, успехов!
@shtirlizc1024
@shtirlizc1024 4 жыл бұрын
Лучшее объяснение, что я видел. Последовательно и понятно. Спасибо! Очень круто!
@АлексейБеляев-к3к
@АлексейБеляев-к3к 4 жыл бұрын
Спасибо за уроки,очень классная подача. Даже я школьник 15 лет понимаю,ну или стараюсь понимать)
@grokhotun
@grokhotun 4 жыл бұрын
Прошел до 33-го урока и решил написать комментарий. Курс. Просто. Бомба. Все ооооочень понятно и доходчиво. Собираюсь сменить сферу работы на front-end разработчика. Без знаний хотя бы 1-го фреймворка уже на junior (проходил собеседования, все в трубу :( ) не берут, пришлось сесть бомбить пока всякие карантины и выходные. Спасибо огромное за такой качественный материал! Лайк под каждым видосом и подписка! Привет из сферы АСУ ТП, работаю разработчиком среднего уровня (программирую контроллеры), но езда в командировки по хим. промам надоела. Благодаря тебе уйти в front-end будет легче
@rrc727
@rrc727 2 жыл бұрын
Как успехи?
@grokhotun
@grokhotun 2 жыл бұрын
@@rrc727 Все отлично, работаю синьором фронтенд разработчиком в крупной компании, полет нормальный
@rrc727
@rrc727 2 жыл бұрын
@@grokhotun Рад за тебя 👍
@flavkaa2017
@flavkaa2017 2 жыл бұрын
Ребят, для тех у кого не рендерится все. В рендер джс поменяйтся бровсер рутер на React.StrictMode. У вас пусто, тк Роут не может рендериться находясь в другом роуте Димыч исправится в 35 уроке и исправит архитектурную ошибку, не беспокойтесь) Просто повторяйте за ним и усвайвайте, обязательно Вот код: export let rerenderEntireTree = (state) => { const root = ReactDOM.createRoot(document.getElementById('root')); root.render( ); };
@PACEMAKER76
@PACEMAKER76 2 жыл бұрын
спасибо!
@svloex
@svloex 2 жыл бұрын
const root = ReactDOM.createRoot(document.getElementById('root')); Нужно вынести за пределы функции иначе фокус с элемента ввода пропадет каждый раз при вводе символа
@АрсенМозоль
@АрсенМозоль 2 жыл бұрын
без в твоем коде, страничка даже не рисуется
@arteminsight
@arteminsight Жыл бұрын
а я сделал с ьраузером внутри и у меня все работает, как думаешь стоит убрать? let rerenderEntireTree = (state) => { const root = ReactDOM.createRoot(document.getElementById("root")); root.render( ); };
@Mel-n2y
@Mel-n2y Жыл бұрын
​@@arteminsight Брат дуже дякую спрацювало
@bgo2033
@bgo2033 7 ай бұрын
Большое спасибо тебе за эти уроки 05.26.2024 я отучился в колледже на программиста ушел в армию на 2 года и после этого не было возможности возобновить обучение и стать программистом с того времени прошло еще 2 года и вот я тут у меня была нормальная работа (по финансам нормальная) я уволился и смотрю твой курс учусь максимально быстро чтоб начать зарабатывать и не умереть с голоду )))) Ты очень крут и в тройне круто видеть огненное желание обучить всех и вся
@МатвейБауков-ц3э
@МатвейБауков-ц3э 5 жыл бұрын
У нас в render.js сейчас строка осталась import { addPost } from './redux/state'; это разве не циклическая зависимость ?
@ITKAMASUTRA
@ITKAMASUTRA 5 жыл бұрын
Об этом буду говорить позже в следующих выпусках, мой косяк
@МатвейБауков-ц3э
@МатвейБауков-ц3э 5 жыл бұрын
@@ITKAMASUTRA а еще вопрос, стейт же на клиенте хранится а нам же еще запрос на бэк нужно послать а не просто стейт поменять, мы это тоже разберем ?
@SiriusBlackNuar
@SiriusBlackNuar 5 жыл бұрын
Да, тоже увидел, искал в коментах не обратил ли кто на это внимае! Все норм, обратили_))
@Vllad_Ko
@Vllad_Ko 4 жыл бұрын
ага и я обратил внимание! Сам в начале сделал без этого цикла, но получилось запихать addPost как параметр вызова rerender в самой addPost. И очень мне это не нравиться.
@ЕвгенийКувженко
@ЕвгенийКувженко 4 жыл бұрын
@@Vllad_Ko так можно же в render.js передать в функцию два параметра вместо одного, типа export let rerenderEntireTree = (state, callback) => { ReactDOM.render(, document.getElementById('root')); } а уже в index.js - rerenderEntireTree(state, addPost); В самой функции addPost нет смысла использовать что-то в параметрах, кроме state, потому что необходимые нам изменения уже в объекте
@theWorldIsMultivariate
@theWorldIsMultivariate 3 жыл бұрын
Огромнейшее спасибо за курс!! Ты помогаешь реализовать мою цель, быть разработчиком!!
@ДенисКораблёв-г1т
@ДенисКораблёв-г1т 5 жыл бұрын
Все круто, очень доходчиво объясняешь, смотрю дальше, посмеялся с 'Херяк, хреняк. Изменись!!!'
@АннаГоловина-ы1з
@АннаГоловина-ы1з 3 жыл бұрын
2021 год!! Как круто и понятно ты объясняешь!!! Респект, очень много пересмотрела курсов по Реакту платных/бесплатных, твой самый достойный!! Продолжай в том же духе! Помогаешь многим!!!!
@DmitriyDev
@DmitriyDev 3 жыл бұрын
И как успехи. Сами что-нибудь можете сделать?
@kodzimageniy6151
@kodzimageniy6151 4 жыл бұрын
Приветствую Димыч, хочу выразить тебе благодарность за твой труд и то, какую энергию ты вложил в качество материала и его шедевральную подачу! Это дорогого стоит и это реально круто! Благодаря тебе, я скоро соскачу с иглы Wordpress_a, и буду мутить реально клевые штуки) Ребята, для тех кто смотрит комменты, перед тем как принять решение смотреть или нет, смело смотрите этот курс, курса по React и Redux в сегменте СНГ лучше этого вы не найдете как среди бесплатных, так, я думаю, и платных, поверьте!
@ITKAMASUTRA
@ITKAMASUTRA 4 жыл бұрын
Спасибо за фидбек! И удачно желаю слезть с вордпресса) опыт тоже хороший, пригодится!
@Эрнест-г8о
@Эрнест-г8о 4 жыл бұрын
Как успехи?
@kodzimageniy6151
@kodzimageniy6151 4 жыл бұрын
@@Эрнест-г8о ну первую апку развернул недели 2 назад, админка для работы с 1с (бекенд на 1с). Правда create react app не оч инструмент я razzle юзал, он конечно требует доработок config_а, но очень легковесный и встроен фронтенд сервер на express. Но с wp не слез, как можно слезть с этого замечательного комочка готовых плагинов на все случаи жизни, а так же дочерних или чистых шаблонов над которыми надо еб**ся часами что бы нормально работало все) мммм. Ну а если серьезно wordpress - инструмент для большинства стандартных проектов реально очень удобный, зачем отказываться и изобретать велосипед, если умеешь этим инструментом пользоваться.
@bosfaction
@bosfaction 3 жыл бұрын
Замечаю за собой, что после каждого видео, хочется поблагодарить тебя по-новому и пожелать тебе счастья) Счастья тебе мужик!
@excelente9842
@excelente9842 5 жыл бұрын
Первый раз посмотрел - нефига не понял)) Со второго понял логику!) Уроки супер)
@chertt666
@chertt666 4 жыл бұрын
Спасибо за подробное объяснение основ Flux я много раз читал смотрел разные мануалы и только сейчас понял. Интересно что ты начал объяснять эту тему до изучения классовых копонент. Во всех мануалах сначала рассматриваются классовые компоненты с их setState{} и после них уже все что связано с flux очень тяжело заходит для новичка. ты решил пойти по принципиально другому пути и сразу сделать акцент на потоке данных через общий стейт. очень крутая идея. Так мне кажется легче понять суть и голова еще не забита локальными стейтами. а если понять то что ты объясняешь сейчас то разобраться с остальными базовыми фишками реакта думаю не составит труда. Спасибо очень круто.
@Nikitosss91
@Nikitosss91 5 жыл бұрын
Мое имхо: сама концепция и архитектура - это понятно. Но как конкретно это выполнить - это да... дилемма. Без опыта в js вообще жопа закипает)
@АтомАтомов-г5щ
@АтомАтомов-г5щ 4 жыл бұрын
когда смотрел 1-й раз это видео, волосы на себе рвал, после 4 раза, стало реально доходить и вообще это такой класс, когда ты понимаешь, что происходит:)
@АлександрБульдоз
@АлександрБульдоз 4 жыл бұрын
Жалко нельзя сразу миллион лайков проставить, я бы заморочился и накликал 🚀 спасибо Димыч за курс
@ITKAMASUTRA
@ITKAMASUTRA 4 жыл бұрын
✊✌️♥️
@Al4ii
@Al4ii 3 жыл бұрын
Офигеть!!! Спасибо, ты мега круто объясняешь!! После изучения JS думал что это бескрайнее море информации и что все это надо знать... но можно же пойти другим путем и учить react+redux а js/html/css потом доучивать по мере необходимости!!! Спасибо!!!Летим в космос!!!
@ivanpashkov3339
@ivanpashkov3339 4 жыл бұрын
компонента: Привет, я подсяду? Спасибо. Почему у меня html теги внутри js кода? Ну.. просто мне понравился html... Поддерживаю ли я UI? Да, а почему ты спрашиваешь ? Хочу ли я прокидывать пропсы? Конечно. Всмысле "тупая компонента".. Подожди это немножко не так работ"Hi, i dumb component"
@dennisyudytski9262
@dennisyudytski9262 3 жыл бұрын
Гений, я проиграл со всей силы
@ВалерийСоколов-э9с
@ВалерийСоколов-э9с 3 жыл бұрын
Суперполезно. С новым 2022 годом!!!
@pauldudich
@pauldudich 5 жыл бұрын
Аж жалко стало компоненту после таких унижений Димона (
@ITKAMASUTRA
@ITKAMASUTRA 5 жыл бұрын
Зато она чистая!)
@ДмитроПасічнюк
@ДмитроПасічнюк 3 жыл бұрын
Очень круто объяснил, я правда 3 раза пересмотрел чтобы понять, но до меня дошло)
@ИльяРадюк-т7й
@ИльяРадюк-т7й 5 жыл бұрын
Спасибо!
@antonanton1206
@antonanton1206 2 жыл бұрын
начал своими словми писать инструкцию. урок проходил 3 дня. только с ней смогу повторить. едим дальше. Дима Спасибо
@firepixel9701
@firepixel9701 5 жыл бұрын
Пройдите этот хренов курс))) - по-моему лучшая мотивационная фраза
@АндрейЛуцив-ы6о
@АндрейЛуцив-ы6о 4 жыл бұрын
испарился богатырь Александр, а ведь все такие замотивированные пишут ..... а потом их спрашиваешь: ну как успехи???? - тишина, видать или полный успех и счастье любит тишину, или же облом, провал, неудача
@firepixel9701
@firepixel9701 4 жыл бұрын
Та здесь я, никуда не испарился) просто на Vue в основном все проекты на работе. А этот курс проходил чтобы с реактом познакомится да пощупать что и как
@firepixel9701
@firepixel9701 4 жыл бұрын
@@АндрейЛуцив-ы6о 👆
@АндрейЛуцив-ы6о
@АндрейЛуцив-ы6о 4 жыл бұрын
Олександр Дзеблюк my bad, good luck ;)
@digital_nomad_spain
@digital_nomad_spain 2 жыл бұрын
@@АндрейЛуцив-ы6о а у вас как успехи, если не секрет?
@denkodatskyi3381
@denkodatskyi3381 5 жыл бұрын
Лучшие уроки по React & Redux !!! The BEST!!! lessons of React & Redux!!! Programming and Coding!!
@maliksoltukiev5961
@maliksoltukiev5961 4 жыл бұрын
addPost() функцию тоже надо передавать через параметры, как вы сделали это со state, а у вас она экспортирована в render из state(куда экспортируется функция из render) цикл получается.
@mikhaillyutyy3185
@mikhaillyutyy3185 3 жыл бұрын
тоже интересно
@helengriva3016
@helengriva3016 Жыл бұрын
Дмитрий, Вы так здорово подробно объясняете, спасибо Вам! Но больше всего меня восхищает Ваша глубокая увлеченность вещами, которые Вы делаете уже столько лет, в которых нет для Вас ничего нового. Особенно заразительно Вы говорите на 12 минуте о ключевой концепции. Я надеюсь, что спустя много лет работы я тоже не потеряю ощущения "чуда" вещей, которые которые мы делаем. P.S. Интро супер!
@yevhen_soldatov
@yevhen_soldatov 6 жыл бұрын
Было сложно, но я справился , спасибо
@ITKAMASUTRA
@ITKAMASUTRA 6 жыл бұрын
Ух, дальше будут ещё более сложные штуки! Но.. Дальше будет и отработка всего, что мы узнаем, поэтому нормас) Летим)
@НікітаКлейменов
@НікітаКлейменов 4 жыл бұрын
На столько интересно, что иногда забываю комменты под каждым видосом писать)) Спасибо тебе огромное в очередной раз. Стараюсь хоть как-то выполнять микро дз)) Создать state в sitebar для блока Друзья сразу не получилось. Всю ночь снилась эта проблема)) И не поверите, я во сне разобрал код по полочкам и утром проснулся с мыслью "Точноооо, вот я дурак!" И сразу сел сделал)) Впервые мой мозг так хорошо сыграл за меня)))
@dmag3287
@dmag3287 2 жыл бұрын
Привет! Да, в 33 уроке была допущена архитектурная ошибка, и в 35 уроке Димыч избавится от нее, удалив файл rerender и образовавшуюся закицлинность : kzbin.info/www/bejne/n3-ZgouYfcqXh8U. Смотрим дальше)
@Site_Provider
@Site_Provider Жыл бұрын
Не пойму, почему он путается, и такие глобальные ошибки делает, если постоянно с Реактом работает?
@maksimmaliauka3026
@maksimmaliauka3026 5 жыл бұрын
Димыч, красава. Вначале смешил стиль преподавания, а после понял, что за счет этого лучше отложилось) Спасибо.
@АртемГудыма
@АртемГудыма 5 жыл бұрын
Чувствую начинается что то жесткое ,крутяк. Летим только вперед!!!
@МаксимНырков-у6г
@МаксимНырков-у6г 5 жыл бұрын
Ушёл на второй заход просмотра....Что-то горшок закипел....
@ITKAMASUTRA
@ITKAMASUTRA 5 жыл бұрын
Это нормально, Макс!!!
@СветаЕфимова-й1н
@СветаЕфимова-й1н 4 жыл бұрын
и у меня )))
@dezo103
@dezo103 4 жыл бұрын
Аналогично, но на третий заход
@andreiBylkin
@andreiBylkin 3 жыл бұрын
у меня тоже мозг кипит сильно ))) Как дела у вас сейчас??
@TheArestus
@TheArestus 3 жыл бұрын
Максим, снова Вы :)))
@vladpobidash
@vladpobidash 4 жыл бұрын
Спасибо, Димыч! Мозг кипит, глаза болят, мышцы отекли сидеть, но какое удовольствие понять! Хочу до 18 устроиться на работу благодаря тебе, уверен что у меня все получиться!
@peiiiajikuh
@peiiiajikuh 4 жыл бұрын
Как успехи?
@fruitypie
@fruitypie 5 жыл бұрын
В каком уроке BrowserRouter полетел в index.jsx ? Он же все время был в App.jsx
@Alex4ever01
@Alex4ever01 4 жыл бұрын
в 30
@fruitypie
@fruitypie 4 жыл бұрын
@@olehbiletskyi смотря, что тебе нужно) вообще, хорошей практикой является выносить роутинг на самый верхний уровень
@光荣归于习近平同志
@光荣归于习近平同志 4 жыл бұрын
Я тоже заметил, мол откуда это, а потом вспомнил, что Димыч перенёс его в одном из прошлых уроков, а я забил болт.
@fruitypie
@fruitypie 4 жыл бұрын
@@光荣归于习近平同志 аналогично, пропускал многое 😂
@nh42so42
@nh42so42 Жыл бұрын
Для меня пока что это самое жирное и важное видео с начала плейлиста. Скорее всего я приду к этому видео еще несколько раз, особенно, когда буду переписывать свои приложения на реакт. Когда меня спрашивают "ну че, как там твой реакт?", я с улыбкой и щенячьим восторгом рассказываю, как оно довольно гладко идет, как круто разжевывается Димычем. Я студент платформы скиллбокс. Подобрался к фреймворкам. На платформе был выбор вью или реакт. Я ничего в этом не понимаю, но выбрал реакт т.к. знал про то, что существует этот плейлист, легенды о котором разошлись по всему СНГ, и что я железно научусь тут, если не на скиллбоксе. Так вот, я поковырял реакт на платформе, понял, что ничего не понял (курс реакта на скиллбоксе записывался примерно в эти же года), и пришел изучать его сюда.
@ТохаБорзунов-ч9ъ
@ТохаБорзунов-ч9ъ Жыл бұрын
Чувствую себя компонентой
@l.a.work_
@l.a.work_ 10 ай бұрын
🤣🤣🤣
@АннаЛопина-ч6н
@АннаЛопина-ч6н 6 ай бұрын
понимаю Вас(
@GoldenPrinceYT
@GoldenPrinceYT 2 жыл бұрын
Спасибо! Этот урок точно буду пересматривать, так как сложновата концепция, но я не сдаюсь!
@ИльяТкаченко-х6й
@ИльяТкаченко-х6й 5 жыл бұрын
ох буду пересматривать пару раз ничего не понял XD
@almazyakhin7246
@almazyakhin7246 3 жыл бұрын
Не могу оценить насколько хорош материал, не программист ведь, но подача и энергия, которую ты вложил чувствую спустя два года. Ух, я прям заряжен!
@dmitrybuinitski5245
@dmitrybuinitski5245 6 жыл бұрын
Привет, спасибо за урок, непонятно только почему мы так делаем(rerender), или мы пытаемся понять для чего вообще был создан реакт, или мы создаем свой реакт, т.к. нынешний стэйт не имеет никакого отношения к реактовскому стейту(т.к. setState сам перерендерит дерево). Жду следующий урок, палец вверх.
@ITKAMASUTRA
@ITKAMASUTRA 6 жыл бұрын
мы нарочно не используем class-овые компоненты и их локальный стейт. Мы плавно подходим к связке React-Redux!!! И нам важно именно иметь ОДИН глобальный state, лежащий где-то в стороне! Суть построения React-приложения именно и заключается в том, а какой способ state-management выбираем!!! Можем использоватьлокальный классовый стейт (для мелких проектов - супер).. Можем юзать Redux-овский стейт (мы именно к этому и идём). Можем управлять состояние ООП-подобным способом с помощью MobX... И так далее!!!
@МихаилТулин-т5ж
@МихаилТулин-т5ж 3 жыл бұрын
Огромное спасибо! Изучаю программирование 3 месяца, прочитал книгу по JS, немного потренировался с задачками, начал учить путь самурая , бывало над одним уроком проводил по целому дню и даже больше, спасибо тебе Димыч, главное желание ребята! Остальное все получится , верьте в себя!
@krotix4505
@krotix4505 5 жыл бұрын
Димыч попускает компоненты онлайн. Надо было так ролик называть)
@wild_wizards
@wild_wizards 2 жыл бұрын
Лайк! Было полезно, архитектурные вопросы одни из самых важных. Едем дальше!
@ліненковася
@ліненковася 6 жыл бұрын
Можеш випустити відео про проміси
@ITKAMASUTRA
@ITKAMASUTRA 6 жыл бұрын
Тренирую на студентах эту тему! Хочу записать бомбический цикл про асинхронность
@miguelgrushetckii4839
@miguelgrushetckii4839 4 жыл бұрын
Все круто братан, вернулся после перерыва, было много работы(( был вопрос про импорт ф-ии addPost в render.js, но увидел комменты, буду ждать почему) бомбим!!
@jemilsuleimanov209
@jemilsuleimanov209 4 жыл бұрын
У меня функция эта не срабатывала. По итогу работает если импортировать addPost в render.js со скобками {addPost}
@amaxe12345
@amaxe12345 5 жыл бұрын
- Так я получается не такая уж тупая? - Нет, ты тупая. Ты тупая по-прежнему! ))))))))))))))))))))))))))))))))))))))))))))))))))) Спасибо за урок Дима! Очень доходчиво! ))
@beda9679
@beda9679 Жыл бұрын
У меня прошло просто озарение какое-то. Хах, я так долго голову ломал с понимание , а тут все очень четко. Спасибо большое 😉
@ИльяИваник-ф8ф
@ИльяИваник-ф8ф 4 жыл бұрын
К этому уроку у меня сильно подгорало от того, что я решил разделить css на локальный модуль и общий css по всему проекту (кнопочки, линки и т.д.) в итоге в глубоколежащих компонентах пути были типа (import global_css from './../../../../../App.module.css'). Решается достаточно просто: 1. в корне созаем файл: .env 2. в него прописываем 1 строчку: NODE_PATH=src/ Все. Перезапустите сервак. Теперь можно писать import global_css from 'App.module.css' в любом месте проекта в любой вложенности. Если вы пользуетесь webStorm - то он заругается на запись import global_css from 'App.module.css', потому что будет думать, что это мы пытаеся подключить какой-то node_modules. ПКМ на папке SRC -> Mark directory as -> Resource Root
@dariagrebenyuk8203
@dariagrebenyuk8203 2 жыл бұрын
А зачем делать App.module.css модульными стилями, если они для всего проекта предназначены?
@ИльяИваник-ф8ф
@ИльяИваник-ф8ф 2 жыл бұрын
@@dariagrebenyuk8203 простите, не понял вопрос
@Zimmer778
@Zimmer778 3 жыл бұрын
На этом уроке мозг конечно закипел с этими импортами из одного файла в другой. Спасибо за уроки)
@СултанЕсболатов
@СултанЕсболатов 5 жыл бұрын
Плевать на эффективность, перерисовываю как хочу
@VadimBogomazov
@VadimBogomazov 4 жыл бұрын
Честно искал ошибку 4 дня, было сложно, но сам разобрался в чем дело и добавил в messages тоже самое, теперь картина яснее, спасибо за урок! 🙏
@dariavozdrahanova6662
@dariavozdrahanova6662 5 жыл бұрын
Было бы приятнее слышать "глупая компонента", а не тупая, тупая.. Так грубо) Компоненту жалко..(( Спасибо за уроки!)
@ITKAMASUTRA
@ITKAMASUTRA 5 жыл бұрын
Принял)) буду мягче)😇
@okyskaa
@okyskaa 5 жыл бұрын
А мне тупая больше нравится. И вообще все классно. Свой стиль.
@ЭльнараГайнанова
@ЭльнараГайнанова 4 жыл бұрын
😁
@Unnamed-r8x
@Unnamed-r8x 4 жыл бұрын
Это мир JS здесь все называют своими именами, даже наши знания )
@maksiamchuk8774
@maksiamchuk8774 4 жыл бұрын
Треть пути пройдена! Отличный курс, большое спасибо!
@ITKAMASUTRA
@ITKAMASUTRA 4 жыл бұрын
Спасибо за спонсорство 🚀✊
@fobbi2199
@fobbi2199 3 жыл бұрын
Забыл поставить лайк в прошлом видео, вернулся поставил. Спасибо, Димыч!
@ПавелЛунин-ж3у
@ПавелЛунин-ж3у 4 жыл бұрын
Спасибо. Эй чувак! да ты! Это нормально. Да, в первый раз смотрел и было утомительно, сложновато. Но. вернулся на второй круг и кушаю. и с аппетитом. И вам приятного всем. не забываем жевать и не переедаем) Браво повару!!!)))!
@aleksandrzelenskiy4000
@aleksandrzelenskiy4000 4 жыл бұрын
с 6 по 10 минуту втыкал 60 минут. Круто! Летим дальше!
@NoakSV
@NoakSV 3 жыл бұрын
Супер мужик, классные уроки записываешь!!
@batorko
@batorko 4 жыл бұрын
Немного пошло не так как вы рассказали и все полегло, но я исправил. От того еще лучше усвоил. Спасибо за урок!
@keepworking2705
@keepworking2705 3 жыл бұрын
Смотрю не тока я пересматривал этот видос) Ну блин слов нет, как же круто Димыч объясняет про архитектуру
@comrade36_rus59
@comrade36_rus59 5 жыл бұрын
На 13 минуте тормознул и решил запилить рабочую кнопку лайка) И запилил) Спасибо за мотивацию,Димыч. Раньше как то стеснялся комменты писать)
@alinakalinovskaya3512
@alinakalinovskaya3512 4 жыл бұрын
Прочла комент и решила бросить себе вызов - поступить также с 13й минуты) мучения того стоили)
@bugaga8144
@bugaga8144 4 жыл бұрын
Было охрененно как полезно. Твой курс Димыч, как сериал, хочется смотреть без остановки
@mariia6820
@mariia6820 5 жыл бұрын
Безмерно благодарна!Это самый лучший курс!!
@EvgeniyKlitsunov
@EvgeniyKlitsunov 4 жыл бұрын
Димыч было капец как полезно!! попадаешь в новую реальность!! Расшатаешь все мозги к концу курса!!
@kotkotofeich2604
@kotkotofeich2604 3 жыл бұрын
Димычу огромное спасибо из 2021 года! Просто очень большое!!!
@СашаКушнр-д9ы
@СашаКушнр-д9ы 4 жыл бұрын
5 рас нить мышления слетела от слов "импортировать что-то куда то", по мне правильнее експортировать))Но это так придирка просто, спасибо за обучение
@elamantaalaibekov452
@elamantaalaibekov452 Жыл бұрын
Братан, супер круто! Мочи дальше этот суперполезный курс💪
@aigulyermak1635
@aigulyermak1635 3 жыл бұрын
Дай бог нам научиться всему. Благослави, Димыч
@fayu7752
@fayu7752 4 жыл бұрын
Супер класс, спасибо большое, многое в голове начинает на свои места вставать наконец. Также при добавлении нескольких постов, консоль начала ругаться что один и тот же id используется, так как мы его там хардкодим. Решил вопрос через присваивание id: state.profilePage.posts.length + 1
@ЕвгенийИльин-к4л
@ЕвгенийИльин-к4л 2 жыл бұрын
Это точно несколько раз пересматривать надо желательно с перерывом))
@spacerider9426
@spacerider9426 4 жыл бұрын
Супер полезный Димыч! Спасибо тебе за твой труд! Смотрю дальше!
@mrLeesss
@mrLeesss Жыл бұрын
Димыч, спасибо за труд. Ты даёшь фундамент, это замечательно. Но этот сумбур в повествовании отключает фокус внимания и постоянно приходиться перематывать, чтобы вернуть нить повествования.
БОЙКАЛАР| bayGUYS | 27 шығарылым
28:49
bayGUYS
Рет қаралды 1,1 МЛН
Wednesday VS Enid: Who is The Best Mommy? #shorts
0:14
Troom Oki Toki
Рет қаралды 50 МЛН
44 - React JS Практика - Context API
43:18
IT-KAMASUTRA
Рет қаралды 110 М.
Как создать компонент  на Angular
10:59
31. Уроки React JS - onClick, ref, VirtualDOM
20:45
IT-KAMASUTRA
Рет қаралды 128 М.
39 - Уроки, Курс React JS - action creator, action type
25:37
БОЙКАЛАР| bayGUYS | 27 шығарылым
28:49
bayGUYS
Рет қаралды 1,1 МЛН