28. Уроки React JS (выносим данные в index.js) - react курсы бесплатно, 2019 

Еще может не в тему этого курса. Но (я бы хотел увидеть) сделай видео как залить весь наш проект на git, что бы мы могли после каждого видео делать комит и откатывать если что. Я сам по пробовал, но в силу не опытности работы с гитом, не вышло ничего толкового. Еще написал npm build и то что получилось залил на git page думал там должно работать без проблем, но там просто белый лист и в консоль куча ошибок с путями. В целом мне хватит и совета в коментах, если я один такой))

Сейчас и без render получается прокинуть: Т.е. получается, что Profile можно указать и как тэг, а следовательно и передать в нем данные. Component и render заменются на element (сейчас вроде так требуется)

Димыч, я хоть и испытываю трудности в освоении материала, но чёрт-возьми, как же ты разжёвано подаешь каждую тему. Как для деток, прям то что нужно!!) Спасибо тебе!!!

При самостоятельной работе понимание приходит, как все устроено! Больше давать на самостоятельно и разбор ошибок просто респект :)

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

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

Клева, когда сам делаешь задание а потом просто смотришь как все твои шаги повторяются)

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

Ну, наконец-то малость сдвинулась я с мертвой точки.

Вот прикиньте насколько Димыч совестный человек, что ему даже стыдно попросить ("выклянчить") репосты его видосов в любых соц. сетях) Такая доброта подкупает!

Спасибо за всякие маленькие, но дико полезные фишки. Многие, вроде авто форматирования кода, взял на вооружение. Круто. Идем дальше

Дима, у вас талант преподавателя. Прекрасная подача, удивительная энергия и мотивация, беспрецедентная щедрость. Всё получается. От души благодарю

Ох и настрадалась же я на данном этапе)) Сначала сделала до просмотра видео - итог: ошибка. Посмотрела и повторила - нет ошибок. Все вернула и на втором самостоятельном заходе опять что-то слетело. Оказалось я 2 раза допускала ошибку в слове, блин. 2 раза на тех же граблях!!!! Кто увидит - супер внимательно проверяйте что пишете, даже те же props - иначе нервов никаких не хватит 😅 Всем привет из 2022 😶

Димыч, спасибо тебе большое за твой труд из 2023 года, ты просто человечище!

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

Смог перенести в index.js и оттуда перенаправить в нужное место. Спасибо Димыч за стимул, уверенности стало больше!

Димыч : Щас мы перенесем данные из UI. Я: Так поставлю пока на паузу попробую сам. Димыч: Ану быстро поставил на паузу и сделай сам. Я: WTF, Димыч Дэвид Блэйн???!!!

"Очень хочется ведь уже нажать. Ну ведь хочется ведь". А ведь правда, с таким понятным объяснением хочется осваивать react дальше. Спасибо за настроение)

Поста не жалко сделать с плейлистом) спасибо за старания.

После того как узнал как прокидывать пропсы через route сразу перенес все данные в index.js, поэтому на этом видосе я только видел и проверял себя) Спасибо Димыч за дз)

Пробовал сделать сам еще после предыдущего видео!!! Итог: нефига не получилось((( начал дико тупить и пытаться сделать все через EXPORT ))) Плюс ко всему не понятно было именно с index.lsx как там оформить все это дело!Самому очень трудно было бы догадаться новичку .... Но вот уже в этом видео , сам поставил на паузу , еще не дождавшись просьбы и вынес массивы Dialogs and Messages!!!)))) ПОЛУЧИЛОСЬ))

Вы правы Димыч, в прошлый урок я делал самостоятельно. Но у меня не получалось. Но я понимал что указываю пути не правильно. Однако я дошел 95% и понимаю 95 это все таки не 100%. Спасибо Вам Димыч за отличные уроки. Спасибо ребятам, ранее оставившим комментарии, благодаря которых мне удается закрывать пробелы касающиеся изменений за трри года. Всем кто начал эти уроки смотреть настоятельно рекомендую урок 16 (props) пересмотреть не один раз и обязательно прочитайте свежие статьи по этому поводу

наверное прям perfect было бы сделать 1 объект со свойствами в виде 3 массивов. По подобию json файла. И от туда тягать данные в нужных местах. я делал date={date} а потом, когда мы дошли до myposts, dialogs, messages уже кидаем message={props.date.messages} и так для остальных. Таким образом на не нужно на каждом уровне писать по 2-3 и больше свойств.

Чувствуется как начинается самое интересное

Лучшие уроки по React JS на RU-vid! props, пропсы

Отличный урок! Спасибо!

Димыч, всё круто, претензий нет! Есть небольшой совет,. Я, как человек со скромными знаниями, долго думал сам как сделать всё то что ты показал в видео. Но если бы намекнул на ход мысли в предыдущем видео, мне, как +- непрошареному было бы намного понятнее. Когда слушаешь как оно в теории не всегда можно доехать без каких-то знаний банальщины. Я знал что такое props, но не мог понять начало, типо куда дописать пропс и всё, честно сидел 1.5 часа и пытался, но как-только увидел как ты начадл, за пару минут сделал всё что было в твоём видео. Спасибо за контент и удачи в личной жизни, здоровья ребёнку!

Приятно было просто посидеть и спокойно посмотреть на все это)

Вынос данных до файла index.js было сложным для меня. Сначала долго не мог вынести на 1 папку вверх. Забил. Пришел через полчаса, додумался! Какое это счастье! Так что если что-то не получается, отдохните немного

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

like like like, на вк репост сделал) третий заход как пытаюсь до конца просмотреть курс) эта попытка ваще кайфовая, прям осознано четко сейчас понимаю что делаю. По крайнем мере на момент этого видео))

Здорово! Вчера до 2 часов ночи колупался с пропсами, сделал! Начал коммитить, что то пошло не так, думаю ладно утром разберусь. Утром npm start, а хер, не отображает профайл. В файлах каша, что где, хер поймет. По итогу пришлось, заново все пилить. Но уже чуть быстрее. Вот это я понимаю практика, Димыч Спасибо за Курс!!! Супер. Совсем по другому начала работать голова. Я блин военнослужащий, а там конкретно деградируешь. Планирую соскочить и реализовать свой Стартап, давно в голове крутится, а денег чтоб студия реализовывала нет. Хочу полностью с нуля все сам. До этого прошел и изучил html/ccs, js базовый уровень, сейчас вот React. Бомблю по ночам курс, днем служба, тяжело, но вдв не сдается!!! Всем удачи, ни в коем случае не опускайте руки, до конца, сквозь слезы и разочарования, но до конца. Когда Вы прочувствуете итоговый результат, Вы кайфанете и Вам сразу же захочется новый достижений. Вперед и только вперед!!! Кстати мне 32 года. Хочу все с нуля начать.

Как всегда от всех красавчиков красавчик, спасибо

Изначально не понял, что требует от меня автор, вскоре понял что он имеет ввиду, так как я работал с объектами на обычном Js, а props это объект, мы ссылаемся на его свойства через точку, тем самым передавая свойство объекта комноненту. Сама логика для меня понятна, но изначально не понял задачу от Дмитрия. Спасибо огромное за курс. P.S. Для тех, кто пока плохо разбарается в объектах, советую базово ознакомится с ними, дабы полностью разобраться по этой теме и понять логуки почему именно так оно работает

Сначала не понял, но еще раз пересмотрел и догнал потом все. Спасибо вообщем !

Поняла только с 4 раза... Но очнеь круто))) спасибо из 2023 очень полезно.

Словил кайф, когда сделал сам. Раза с пятого, но получилось. Этот видос смотрел и смеялся, потому что все что ты рассказывал, на каждом этапе допустил ошибку(то пропс не написал, то скобки не те) ,в итоге постепенно пришел к рабочему коду! Спасибо Димыч, идем дальше!

Трудно написать комментарий, когда все очень понятно и доходчиво описано в уроке

Для выполнения задания, нужно открыть видео и лайкнуть закрепленный коментарий.

Все проделал сам, еще на прошлом уроке. Этот урок просто просмотрел. Дима объясняет очень хорошо

Красавчик это ты Дима! Респектище тебе)

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

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

Потихоньку возвращаются воспоминания о архитектуре, я рад))) спасиб Димыч

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

Большой плюс за то, что объясняешь, как читать и анализировать ошибки. Это очень пригодится при разработке))

даааа, уже очень хочется нажать кнопочку и что нибудь добавить, отвечаю))) спасибо Димыч)

После волшебного пенделя я сразу сообразил как перенести диалоги и сообщения в index.gs :) Спасибо ))) Это круто

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

Димыч, я сам вынес массив с данными в index.js но я все равно посмотрю видос, чтобы ничего не пропустить

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

Much more effective than other channels. Thanks bro!

Обычно я не ставлю на паузу когда просят в видео уроках :D но тут решился, взял себя в руки. И это было лучшим моим решением)) Смог построить цепочку из пропсов и разобраться полностью как с этим работать) Спасибо тебе большое! Когда после теории сам пытаешься применить знания, а не повторять за лектором, то это прям на ура в голове откладыватся!

Сделал домашку, за 5-6 мин, все просто, не просматривая видео, как говорил Димыч. Казалось только, что трудно будет на деле - просто

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

Нравится что, лайкаешь комменты мои , чувствую прям поддержку)) ахаха. Просишь оставлять комменты я оставляю) потому что хорошо объясняешь) спасибо)

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

Димыч, твой юмор из меня лентяя сделал красавчика, реально ставлю на паузу и делаю как велено, и тетрадку виду! Ну вот единственное ни как не могу отказаться от просмотра фильмов с женой! По этому всё равно ставлю лайк!))

В новой версии react-router-dom всё оооочень просто, пронёс данные через пропсы за 5 минут, не смотря это видео :] Можно было бы и быстрее, но я использовал тире в названии переменной и мне выдало ошибку. Сам разобрался, радости немерено)

sapsibo! продолжаем смотреть!

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

Я так долго возился и не мог понять что я делаю не так, хотя тему props-ов понял очень хорошо, поскольку был знаком с ней еще из Vue. И вся моя проблема была в том что я в строке с маппингом let postsElement = props.myPosts.map писал {props.myPosts} в фигурных скобках, и очень с этим намучился потому что видел что делаю вроде все хорошо но ничего не работает. Но как только включил этот урок и посмотрел до этого момента с маппингом сразу же остановил видео и проделал все сам так как понял свою ошибку. Спасибо за твои крутые уроки!

До конца скипал и не хотел сам делать, думал сложно, щас главный Самурай все обьяснит, но после "уговоров" сделал сам, и оказалось все проще простого, заняло 2 минуты.

14:20 хорошо что остановился и сделал по твоему примеру остальные компоненты,а то в предыдущем уроке и так мозг кипел и ты в конце говоришь - а теперь попробуйте пробросить в и index.js и я такой ""чего пробросить?кааааааак!!!!!??????" .Хорошо что ты объяснил и у меня сразу получилось :)

Очень понравилось про дебаг в реальном времени

19.02.23 Дімич, курс топ, все зрозуміло!

Отлично, все сделал самостоятельно. Спасибо!

Спасибо большое за объяснение. Наконец-то понял как и зачем выносить данные.

после двух дней выходных реально только схема помогает )

Ах*енно ясно понятно! Благодарствую!

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

Спасибо, мужик, за уроки! Я какое то время забросил реакт из за работы. И вот снова я тут. И теперь пойду до конца, летим в космос =)

Бля я сидел и час пробовал сделать это, но не смог. Причина в том что я не знал что можно posts={posts} сделать, я думал нужно сам создать обьект типо так name="" id=.. и т.д . И думал почему не работает. И решил посмотреть что я не так делаю. Если что я новичок и учу программирование месяц может два, а js и react 2 недели. P.S Спасибо Диму что не подсказал об этом и я все повторил)

Поповоду ошибок и их исправления, скажу Димыч правду говорит очень будьте внимательны я сам попадался на свои ошибки и по фиксить если сразу не заметил, будет оч сложно))) и нервы сдавали)) но когда решаешь такие мелкие проблемы сам чувствуешь как прогресируешь, так что Самураи будьте акуратны, мне еще помогает что я за каждый урок заливаю на Git и можно там тоже посмотреть измененные файлы :) Спасибо Димычу за уроки:)

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

Классно! двигаемся дальше :)

24 Июня 2021 год! С первого раза не получилось, пересматривал видео 3 раза. Потом понял что при рендере не писал return и поэтому ничего не отображалось! Не забывайте про return

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

Сделал самостоятельно вынос данных) Ураа!! Все получилось!! Наконец то наловчился делать все ручками а то смотришь вроде понимаешь все а повторить не получается. С 10 раза когда сделал сам начинаешь только понимать что к чему! Димыч спасибо! Думаю месяца через 2 как закончу этот курс (если дойду до конца) приду к тебе в инкубатор учиться)

сам вынес все данные в index.js///потом сверился с Димычем по видео) это круто, реально добавляет понимания что происходит- когда сам пробуешь сделать что то) Спасибо Димычу) #React #Redux

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

2021 г. июнь - все понятно! Стараюсь делать задания сам, особенно где говоришь про паузу! Спасибо Димыч!!!

Спасибо за урок! Немного страшно перед большим проектом. Но когда в голове держишь, что любой проект создан другим человеком, а не скомпилирован роботом, то понимаешь вто во всем так или инчае можно разобраться. Так что спасибо за легкость! )

Очень даже изи получилось пропсы после прошлого урока прокинуть ;) все супер,спасибо)

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

Наконец-то дождался! Я уже ждал когдаж рефакторинг будет😅 А то так намешано, что уже трудно понимать стало, что к чему,а так теперь вынесено всё на один уровень. Надеюсь по итогу увидеть конечный результат с ajax запросами и забросом всего этого на какой-то удалённый серв,ну или как к этому идёт. Лайк! Вопрос к Димычу если ты это прочитаешь. Есть ли у тебя видео касательно паттернов ,ну там уровни валидации,обработки реквестов/респонсов?

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

Здарова, Димыч! 26 929 просмотров и мой 26 930 юбилейный просмотр!

Поставил на паузу и сделал после первого примера, всё получилось)

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

Вынес самостоятельно.100%.

Привет из 2020)) спасибо за курс)

Спасибо ! Курс топ ! Ты красавчик!

и снова низкий поклон тебе, Димыч )

Увидел Димыча -поставил лайк!)

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

Димыч, я вынес сам данные в index.js! Спасибо за труд! Лайк обязательно!!

вдохновление + упорядочивание, ты крут, спасибо)

Спасибо за объянения. сделала прокидывание пропросов самстоятельно. при это пропустила прокидывание пропсов в файле profile.jsx, но сработало и без этого.

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