16. Уроки React JS (props - важнейшая тема) - react курсы бесплатно

🚀Стань квалифицированным разработчиком за 9+ месяцев с трудоустройством в IT -INCUBATOR:
Front-end
it-incubator.i...
Back-end
it-incubator.i...
Поддержать меня можно на:
Patreon / itkamasutra
Boosty boosty.to/itka...
или оформив спонсорство на данном канале.
Помогайте друг другу вот здесь: t.me/reactjs_s...
Уроки по React JS: • Курс "React JS - путь ...
Ребята!!! Внимание!!! Пропсы (props) - важнейшая тема (на мой скромный взгляд). Важно ЧЁТКО-ЧЁТКО представлять, что это за объект props такой, который приходит в компоненту и из чего он состоит!!!
Очень ВАЖНО! Это ОЧЕНЬ важно!!! Поэтому посмотрите это видео для ознакомления, потому потворите за мной.. А потом, пересскажите все термины и формулировки из этого видео. Зафиксируйте в мозгу, ЧТО ТАКОЕ ПРОПС!!!
Запишите на бумаге в свой конспект, и только после - двигайтесь дальше ;)
* Сайты:
it-kamasutra.com
it-incubator.ru
samuraijs.com
* Мы в соц. сетях:
itkamas...
/ itkamasutra
telegram.me/it...
* Мои личные VK и Insta:
d.kuzyu...
/ it.kamasutra.dimych
#reactJS #практика #примеры #уроки #курс

[@SlootLite]

Ты в начале видео пропустил "фух фух фух" после слов "путь самурая"

[@artemivanov7982]

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

[@mikhailivlev]

@@artemivanov7982 блет, я не одын такой=)))

[@MDFireX5]

@@mikhailivlev я тоже хотел написать, что автор забыл "фух фух фух"

[@mikhailivlev]

@@MDFireX5 похоже это только у Михаилов такое желание)))

[@psychomusic3820]

:))))

[@superface1917]

офигеть ты так разжевал что я с 1 раза понял, спасибо!!!

[@anatoliyivanov1780]

Дмитрий, просто удача, что в информативной сухой среде интернета, есть юморной, живой, грамотный специалист. Благодаря тебе, я просто получаю удовольствие от твоих уроков. В свои 68 лет мне очень увлекательно просто слушать твои лекции, повторять кодирование и восхищаться логике React. За это тебя и благодарю.

[@utzoqiel8408]

Герой нашего времени

[@СтепанПалий-д9ж]

спасибо за такую "разжованность" . это как раз то, чего не хватает во многих курсах/видосах!!

[@СаняКостюк-я4т]

Страшно становится...уж слишком легко все это заходит, что кажется, будто это всего 0,0001% информации возможной, по данной теме. Спасибо большое)

[@ainz8656]

и как в итоге? и правда 0,001% и ты так и не устроился?

[@ridgal]

@@ainz8656 а ты на каком уроке и всё ли тебе понятно?

[@nikn6244]

@@ridgal не знаю как ему, но мне всё понятно, 15 уроков за час с копейками на x2 скорости.

[@mykhailomaslak3102]

@@nikn6244 полностью просмотрел?)

[@himerrokowoy3193]

@@mykhailomaslak3102 c такой то скоростью уже 1000+ кругов парень отбомбил))

[@РаминМахмудов-ю5и]

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

[@gubatenkov]

чтобы лучше усвоить материал вася

[@andreiBylkin]

@@gubatenkov ахаха

[@yurikorabel5435]

Димы в очередной раз доказывает: "не бывает сложных вещей, бывают плохие учителя!". просто Браво! Все понятно. Идем дальше!

[@vasiliyyarosh2321]

согласен

[@Gazovchik]

и НЕ радивые ученики (всем привет)

[@ЛевСоколов-н7щ]

+1

[@АлександрВеличкин-ь9в]

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

[@aymkin]

Наконец то я понимаю пропсы. Низкий тебе поклон.

[@Dima_v_temke]

Красава, {props.message}. Like Count:{props.Like}

[@АнтонПрядкин]

Лучшее объяснение, что я встречал. Спасибо огромное!

[@lentsd]

Решил задизайнить мой конспект и выложить все уроки в инсте. Для повторения материала будет огонь 🔥 instagram.com/front.ru/

[@Nikitosss91]

[@delight_UWU]

Ужас, я понял, что такое пропсы с первого раза!

[@anatoliyburdasov4035]

Фшух-фшух-фшух!Понял с первго раза о PROPS!Рахмет-Ахмет!

[@pannihto7588]

Объясняешь очень подробно. Смотрю на х1.5, но на непонятных моментах притормаживаю)

[@gleb655]

[@Арнольд-с1н]

голос Димыча в 1.5x = 3x

[@UnderScape]

const Thanks = (props) => { {props.text} }

[@АндрейГурлев-т8в]

Очень доходчиво и понятно, я думаю так и надо преподавать программирование, но не у всех хватает воли так все разжевывать)

[@nvk900]

А можно не пересматривать если сразу понял?))) Ну пожалуйста)

[@Ms1DRON1]

фюх фюх фюх !)

[@blgarOk]

Стоило отметить что Props - это сокрощение от properties, т.е свойства.

[@Tornado-ln7fq]

Больше похоже на класс. Class props{ let name;//Свойства или поля let age; const test = (){ console.log("test"); } } const props = new props(); props.name = "Jon"; props.age=25; name: {props.name} Age: {props.age} {props.test}

[@maxmaximoff6963]

Спасибо тебе, Дмитрий, огромное! Очень круто всё!!! )))

[@Arthur_Starovoyt]

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

[@ВладимирАнтонович-п9д]

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

[@Keksmax]

Ставлю лайк под каждое видео! Радостно знать что мы с тобой живём в одной стране! Я из Гомеля)) Приятно смотреть твои ролики, очень помогает этот курс! Спасибо большое!!!

[@ITKAMASUTRA]

✊🤝👏🔥

[@nikolaizarezako9344]

Я по близости, Речица)

[@icbmr7361]

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

[@piligr1m_ua_]

React JS. Props. смотрю заново 2020. сегодня второй день

[@mr.fuchsia]

Здарова! хоть один человек живой

[@OnlyLuck1000]

@@mr.fuchsia нас уже 3)

[@_hitotsu6948]

@@OnlyLuck1000 4

[@darkinschannel8843]

5 :)

[@andoreyrich1651]

Очень классно объясняешь!

[@katyaTen]

Спасибо огромное за такое понятное объяснение! Я сначала подумала ну react и react особо не вижу чего-то сверх волшебного, а сейчас я просто не могу описать свои эмоции, давно не видела чего-то на столько крутого. Ребята, которые это придумали - настоящие гении.

[@anastasia__kot]

Это ЛУЧШЕЕ объяснение темы! Спасибо за ваши уроки!!! Фронтенд для людей с гуманитарным образованием - это возможно!!!

[@simple_dead]

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

[@stadionova]

и лайки, и сердечки добавила, спасибо :)

[@ITKAMASUTRA]

Спасибо!🙏

[@daniilbondar1316]

"О боже, какая мерзкая цветовая гамма, ну и ладна " ПЫ.СЫ. жаль не было твоего шухшухшух, это доп + 30% к рвению добавляет.

[@КонстантинДмитриевич-ю8л]

Спасибо за урок, все очень круто. Я смотрел у вас на канале про параметры функции там тоже очень доходчиво с аналогиями про крокодилов))

[@ITKAMASUTRA]

аххахаа)) первые мои видео - беспощадно креативил)

[@ЮраМитрофанов-к4я]

Круть, разобрался, спасибо , смотрим дальше, январь 2021

[@shevrolex6049]

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

[@cats_mom]

а какие курсы если не секрет?

[@flanya]

@@cats_mom на юдеми одна вода

[@tihunvolkov9288]

ну и конечно же ошибка, а точнее опыт закрепления. В функцию нужно вводить слово props, а не только пытаться прочитать объект props.

[@3PuY]

Все супер , props уже освоен !) Идём дальше.

[@ITKAMASUTRA]

Рад, что курс по react мой вам заходит! Летим ;)

[@gotbenzoltsgraft3693]

Получилось сделать кол-во лайков, потому что Дмитрий идеально объяснил! 2022

[@iNeTbArD]

Thanks, "props" mounted in my baggage!

[@Quentinrei]

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

[@pr0_Digital_]

Дмитрий, огромное вам спасибо! Более понятного и информативного курса по реакт я еще не видела! Вы потрясающий!!!

[@andreymonchencko3908]

Привет из почти 2023, логика всех процессов более чем понятна, но вложенность - это сложно, просто путаюсь в количестве компонент

[@nehilspirit435]

Классный урок) Спасибо) Пропсы знаю, но еще нигде так доходчиво не обьясняли) Лайки поставила конечно же))

[@ВикторКлименко-щ9ф]

import React from "react"; import s from "./Assessment.module.css"; const Assessment = (props) => { return ( {props.likeCount} ); }; export default Assessment; события пока не привинтил, не знаю как в reactе это лучше сделать, лошадей гнать не буду

[@Maryfeb1]

Очень интересно и весело учиться) Огонечек в глазах по отношению к реакту все ярче)

[@ВладимирГугин-ш7щ]

Вернулся с 62 закрепить. Димыч прав, с высоты совсем по другому воспринимается все это !

[@pavlotransformers8287]

Спасибо большое за этот курс) Лайки поставил) Очень много полезной информации в доходчивом объяснении) На след неделе иду на собес по реакту/фронтенду, дам знать о результате)

[@austinpowers7030]

Ну что как результат?)

[@pavlotransformers8287]

Austin Powers первое прошел, сейчас занят тех заданием и после буду пробиваться на второе.

[@austinpowers7030]

@@pavlotransformers8287 ну давай удачи тебе!

[@umjetnost4317]

@@pavlotransformers8287 ну че там

[@sergeinb6866]

Димыч попросил оставить коммент и лайк. Оставил, лайкнул. Димыч, ты доволен? :)

[@АндрейХантя-с3о]

Пропсы как по маслу пошли)

[@qqkostya]

До данного курса и конкретно видео, прошел курс по реакт на freecodecamp и еще пару обучающих видосов смотрел по реакту. Но только на данном видио благодаря примерам и объяснению смогу вникнуть в props! У меня не было понимание почему мы передает что-то в компоненте-теге и получаем это в компоненте-функцие, а тут автор объяснил очень доходчиво и все встало на свои места)

[@arayoflight]

props - это атрибуты тега, капец, как просто))

[@LastShogun]

{props.order}

[@theodorgolovnin696]

Господи, как же все понятно! Димыч, спасибо!

[@theWorldIsMultivariate]

Хочу что бы весь зарабаток ребят которым он помог научиться, пришёл к Димычу!! Но и у ребят ничего не отнялось =) Я думаю это будет справидливо и правильно. Предствать: Димыч проснулся, а у него на счету десятки миллинов долларов или сотни. Какие он тогда офигенные сделает курсы!! =)

[@mykhailokurta8856]

Идеально понятно, урок ведёш супер

[@ITKAMASUTRA]

Спасибо, бро, за обратную связь!

[@max-ek5uu]

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

[@АнтонСолонович-и1ы]

Пишу это в конце 2020, в 2021 буду уже программистом )

[@Николай-р8н2ж]

Ты не один

[@Николай-р8н2ж]

Ты не один, я тоже)

[@maksrygaev3900]

как успехи? не слился?

[@andreiBylkin]

Ну и как дела в итоге? :)

[@andreiBylkin]

@@maksrygaev3900 После таких заявлений и изучений по различным курсам программирования, как правило, процентов 5-10 только вывозят, остальные реально сливаются. Даже не знаю, хорошо это или плохо :)

[@browix3114]

Первый раз посмотрел, второй раз посмотрел и паралельно законспектировал, и 3 раз быстро промотал основные моменты, стер и повторил сам. Все понял :) Спасибо

[@fokselite1884]

"'экранировать 'так' "

[@amzq282]

как я понимаю за 2 года изменили работу с пропсами, как в видео делаю два props с одинаковыми ключами но разные значение и props выводить только последнюю значение а не все значение с этим ключом

[@IMoneyMentor]

Ты очень хорошо объясняешь вот по этому мне меньше минуты понадобилась что бы выполнить задание.

[@Ngiss1]

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

[@artashmardoyan1547]

честно очень круто. спасибо большое. все четко все понятно все идеально.

[@ExileHB]

пропсы на лайки прокинуты) делаю с типизацией тайп скрипта)

[@AllenDelon-t4v]

Благодарю 🙏 ты очень хороший курс сделал

[@romanshevchyshyn294]

в котором уроке можно параллельно начать изучать хуки?

[@bmw4538]

27/02/2022 пропсы освоил, вкорячил их в свой проект, количество лайков добавил, пока все понятно! Спасибо Димычу! летим дальше!

[@nazartymiv397]

Все получилось, спасибо большое за этот курс)))

[@vladimirsvodjanojs8158]

2021 март. Спасибо огроменное. Летим!

[@hikaru-k-bit]

Мне так нравится тот факт, что автор не обращает внимания на «мерзкую гамму», на прочие фишки дизайна страницы. Он старается сфокусировать наше внимание именно на принципах работы React JS, не распыляясь на маловажные темы, которые могли бы лишь сбить нас с толку. За это однозначный репост.

[@architect3300]

Очень важная тема показана - разжевана!!! Летим дальше!!!!)))

[@Maksym_Kozlov]

Очень полезные уроки. Спасибо автору. То, что получилось уже сделать за 2 дня на данном уроке: prnt.sc/vikiqp

[@arslaneminow9942]

Спасибо вам за такой бесплатный курсы

[@вадимщербинин-с3з]

Привет, Димыч! У меня все получается. Если бы так учили в школе... в институте, кстати, тоже. Спасибо!

[@sergheistiroi9333]

Пропсы я шарю ) погнали дальше :)

[@shamilalibekov8613]

Короче я спать, но завтра с новыми силами добью 85 видосов))))

[@IrinaStasuk]

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

[@НискемкромеСовести]

я тебя конечно иногда ругаю но ты все равно крут.

[@sergeidsi6891]

Превосходно! Как всегда на высоте!

[@Evgeny..]

Димыч! Спасибо тебе большое за урок!

[@daria-tep1259]

База JS сильно способствует быстрому пониманию реакта👌без базы не стоит лезть туда, я считаю)

[@southgained]

Согласен. После просмотра базы на 6ч JS от Минина, и далее "более глубокой" базы на 11 часов от Богдана Стащука -- все уроки на легке проходятся.

[@iksa8164]

Всё круто, спасибо пропсы я шарю погнали дальше. Ии и что и гоните дальше, потому что тормозить нам нельзя, ибо мы хотим дойти до конца. It kamasutra путь самурая react. С вами был Димыч, низкий вам поклон, большое спасибо за каждый каждый ваш просмотр, за каждый ваш лайк, за каждый ваш комментарий, спасибо ребят! РЕАКТРЕДАКСТЫ ЗНАТЬ БУДЕШЬ КРУТО, АЙТИКА АЙТИКА КАМАСУТРААААААААА!!!!

[@Dreyclin]

Спасибо, пропсы прошел. Лайки добавил

[@runak56]

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

[@АлександрЯшин-й5и]

Димыч ты красава, отлично всё получается, понимание сразу, всё понятно, очень благодарен тебе за мотивацию и смысл. Именно то что ты говорил про мотивацию, именно лень мешает двигаться, но благодаря тебе я понимаю, что мне это сравнительно несложно даётся. Уж очень жду когда будет какая-нибудь жесткая тема где мозг кипеть будет, такой расслабон, что ищешь уже где подвох. Спасибо ещё раз, благодаря тебе я КАЖДЫЙ день делаю маленькие шаги, в выходные дни делаю огромные шаги, спасибо спасибо и ещё раз спасибо, когда я устроюсь на работу с удовольствием пришлю тебе хороший донат, смотря твои видосы заряжаешься сразу, такое ещё надо поискать, но где я был раньше...))

[@ВиталийКопоров-и4в]

javaScript ={Всё объект} вот главная концепция всего!

[@DubinArtur]

Прям чувствую, что умнею

[@MaRy1988]

Спасибо, все понятно! Погнали дальше)))

[@ruslanyakovlev9133]

Дошел до 16 урока, неспеша, повторяя и возвращаясь к изученному материалу. Весь код набираю в Шторме, делаю реально рабочий проект. Это добавляет интерес. Сливаю готовый код в репозиторий на Git. Попутно JS и книги, все очень здорово ! Ребята, должно действительно нравиться, если можете просидеть ночь напролет забыв поужинать, вот это оно, значит идем дальше.

[@rasulbakir4316]

Props-очень легко и понятным языком объяснили , за что и мы любим

[@stra1f595]

И мы получим Димака 🤣😂

[@tanya8355]

Получилось, получилось, получилось добавить количество лайков!!! Ура!!!

[@Infrantos]

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

[@hirotakanifuji3427]

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

[@kikish_sabina]

really informative, easily explained!👍👍👍👏👏👏👏thank you so much!!!

[@Hande_hoch]

arigato, sensei

[@sanbuz]

Спасибо, объяснил понятно, сразу же получилось сделать кол-во лайков👍🏼👍🏼👍🏼👍🏼👍🏼

[@КоляГришакин-й1л]

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

[@web__pavlovo]

Все получилось:

[@alex_python6251]

Получилось добавить лайки! Не сложно))) И вообще курс офигенный, подача прям огонь - и понятно, и не скучный монолог)))