Тёмный

React JS c Нуля - Курс для начинающих БЕЗ ВОДЫ [2024] 

Владилен Минин
Подписаться 308 тыс.
Просмотров 213 тыс.
50% 1

Дорожная карта и экосистема React 2024 - bit.ly/3NxXf7z (тут на сайте исходники к видео)
Эксклюзивный контент в Telegram: t.me/NextgenSocialBot
Telegram канал: t.me/js_by_vladilen
Instagram: / vladilen.minin
Полный курс по JavaScript для начинающих: • JavaScript c Нуля - Ку...
Основы NodeJS: • Node JS - Быстрый Курс...
Донат за полезный контент: www.donationalerts.com/r/vlad...
React. Курс для начинающих 2024
2 недели работы дамы и господа. Прошу любить и жаловать и распространять
Я подумал о том, что русскому RU-vid не хватает обновленного качественного курса для начинающих с нуля по этой технологии.
Тем более, что прошлые ролики имеют тенденцию устаревать и знания необходимо обновлять. Теперь у каждого есть возможность за 4 часа изучить React и начать им пользоваться.
Так же этот курс демонстрация того, как мы даем знания в Result: поэтапно, структурированно, наглядно и понятно. Когда другие прокачивают маркетинг, продавая посредственный продукт, наша команда доказывает вам это делом
Таймкоды:
0:00:00 - Как проходить курс
0:03:51 - Что такое React JS
0:10:20 - Как создать React приложение
0:13:35 - Create React App
0:17:36 - Vite & React
0:20:40 - Что такое React компоненты
0:27:55 - Как работает React приложение
0:34:30 - Создаем React компонент
0:43:00 - Вывод динамических данных
0:51:40 - Как работают React Props
0:58:53 - Про архитектуру приложений
1:04:42 - Что такое React Children
1:07:35 - События в React
1:17:56 - Что такое React State
1:21:27 - Как работает useState
1:33:35 - Условные операторы в React
1:38:35 - Работа со списками
1:46:46 - Разделение на компоненты
1:53:05 - React Fragment
2:00:56 - Как работает JSX
2:07:40 - Реализация интерактивных табов
2:15:45 - Стилизация React приложений
2:22:14 - styled-components
2:26:04 - Работа с формами
2:43:02 - Продвинутая работа со State
2:51:22 - Как работает useRef
3:01:42 - Создаем модальное окно. React Portal
3:13:12 - Как работает useEffect
3:22:22 - Работа с HTTP (Backend)
3:29:25 - Пример с useCallback
3:34:20 - Создаем свой React хук
3:40:40 - Дальнейшие шаги

Опубликовано:

 

7 май 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 559   
@VladilenMinin
@VladilenMinin 4 месяца назад
Я составил полную и актуальную дорожную карту того, что в React есть и что нужно выучить, включая полную экосистему из библиотек и фреймворков на момент 2024 года. Вы можете бесплатно ее скачать (там же исходники для видео) по ссылке: bit.ly/3NxXf7z Так же если контент был полезен можете поддержать меня на Boosty: boosty.to/vladilen
@DmitryFL
@DmitryFL 4 месяца назад
Имба курс. Я смотрел последннее видео и ни начто не претендую, но хотел спросить: а будет какой-нить продвинутый/для новичков курс по vue? Просто курсов по реакт много хороших, а вод по vue нет.
@alexeystaroverov4804
@alexeystaroverov4804 4 месяца назад
и без старья всякого?
@gustav7888
@gustav7888 4 месяца назад
Блин столько заумных видео смотрел на удеми, от нуля до среднего уровня и них... толком не понял за пол года. Но благодаря этому видео понял все что учил и как что используется и откуда берется. Очень круто объясняете. Хочу от вас увидеть похожие уроки в стиле удеми. Чтобы просто скачать не дорого готовые уроки и пройти хуки, редукс и т.д. Вижу ссылку на бусти, но толком не понимаю что это и как и есть ли там такие же курсы как на удеми от вас. Про вашу школу давно знаю с самого начала моего пути, но 150к рублей - 300к рублей посчитал не той суммой за учебу, когда есть уроки на удеми дешевле.
@user-ez2om1wu3i
@user-ez2om1wu3i 4 месяца назад
Реакт фронт-енд это все конечно хорошо ну какой смысл учить если работу тупо не найти я уже сделал и фейковое резюме и рассылаю по 100+ откликов и просто нечего! На мой взгляд it это инфоциганство 23 года! Это как проводить курс как стать генеральным директором Газпрома да не как не стать! Родиться сыном путина в лучшем случае
@gustav7888
@gustav7888 4 месяца назад
@@user-ez2om1wu3i А вы не заметили что про крипту так же было, из всех чайников кричали про это, как раз перед тем как это стало загибаться. Так же и с программированием. Когда все рубили бабки, не было столько курсов, как только начало загибаться, люди начали давать свои знания чтобы на этом заработать. У меня есть товарищь который давно в ит, до сих пор работает, работа есть но для людей с опытом, и то возможно не в россии.Но я считаю что знания ваши потом пригодятся, чтобы настроить сайт или сделать кому то по знакомству сайт для сервиса, мойки и т.д. Да и надо искать фриланс.
@chifuyubass
@chifuyubass 4 месяца назад
Жду не дождусь ❤
@TheYukos70
@TheYukos70 4 месяца назад
нет слов...спасибо! Сижу, слушаю и наслаждаюсь!
@mental_master9003
@mental_master9003 4 месяца назад
Огромное спасибо Владилен , за твой труд. Действительно полезная информация для начинающих.
@user-em5ck3om5o
@user-em5ck3om5o 4 месяца назад
Обязательно к просмотру. Спасибо 🎉
@user-mu9gf6kf8t
@user-mu9gf6kf8t 4 месяца назад
Большое спасибо за видео! Дай Бог тебе здоровья и всего наилучшего!
@OOSports
@OOSports 3 месяца назад
Это пожалуй лучший курс по React на русскоязычном сегменте! Спасибо за старания и во вложенный труд!
@YusupOzdoyev
@YusupOzdoyev 4 месяца назад
Какой же кайф понимать что тут происходит все больше и больше )
@flamer721
@flamer721 4 месяца назад
Спасибо за контент. Не перестаешь радовать
@vgshenshin
@vgshenshin 4 месяца назад
Лайк, комментарий, колокольчик, подписан давно)) спасибо 🔥 действительно интересный и вовлекающий урок. Легко и понятно объясняешь 👍
@user-dc1uu4yo1v
@user-dc1uu4yo1v 4 месяца назад
Огромное спасибо за материалы!
@averzhi
@averzhi 4 месяца назад
Обязательно когда дойду до реакта, посмотрю. Надеюсь это будет самый популярный курс на тутубе. Удачи!)
@_c.ute.wolf_1576
@_c.ute.wolf_1576 4 месяца назад
Очень жду❤
@user-sk1rh7yh7n
@user-sk1rh7yh7n 4 месяца назад
Круто! Спасибо огромное за твою помощь!
@foxislegol5243
@foxislegol5243 4 месяца назад
О круто. спасибо!! Учу реакт благодаря тебе
@vladpetrov4512
@vladpetrov4512 4 месяца назад
Хороший материал! Лайк, подписка однозначно. Давай видос со сложными концепциями❤
@thepro5635
@thepro5635 4 месяца назад
Благодарю за труды! Было интересно👍
@duke_nukem14
@duke_nukem14 4 месяца назад
От души за контент, Владилен☺
@TiMa_156Y
@TiMa_156Y 3 месяца назад
Владилен, спасибо за Ваш труд. Как всегда контент супер! Главное простыми словами и всё понятно, а если что-то не понятно, то просто стоит пересмотреть ещё раз )
@alexk6603
@alexk6603 4 месяца назад
Как всегда офигенно и все по делу
@user-gi3nb6nf2n
@user-gi3nb6nf2n 3 месяца назад
Подача нереальная, все понятно, по полочкам!спасибо🔥
@MikhailEfremov-kb7ew
@MikhailEfremov-kb7ew 4 месяца назад
Классная подача материала. Ну и конечно, вся соль в описании) Привет с СПб :)
@d.volobuev
@d.volobuev 4 месяца назад
Прекрасный урок! Он вдохновил меня на изучение реакта, хотя лежит купленный платный курс. Спасибо большое, Владилен.
@LuckyBoy-id1xr
@LuckyBoy-id1xr 3 месяца назад
Супер! Спасибо огромное! Это лучший видос на ютубе, для тех кто хочет понять, что такое реакт!
@semenloginov7244
@semenloginov7244 4 месяца назад
Круто! Очень ждем!!
@begiiimirzayev1359
@begiiimirzayev1359 4 месяца назад
Как раз вовремя. Спасибо большое))
@vadimsvn6480
@vadimsvn6480 4 месяца назад
Владилен, Спасибо, что делитесь знаниями!
@daniil__kryuchkov
@daniil__kryuchkov 4 месяца назад
Лайк поставил, смотреть не буду. Пойду на завод
@ThePredsedatel
@ThePredsedatel 4 месяца назад
Шансов попасть на завод гораздо больше
@BlackCat-yz3oc
@BlackCat-yz3oc 4 месяца назад
Посмотри потом.
@daniil__kryuchkov
@daniil__kryuchkov 4 месяца назад
@@ThePredsedatel только не показывайте зарплаты на заводах джунам
@ThePredsedatel
@ThePredsedatel 4 месяца назад
@@daniil__kryuchkov раскрой подкол
@ivangorshinev8311
@ivangorshinev8311 4 месяца назад
Без шуток , на заводе график 2/2 . Могу удобно обучаться и усваивать инфу.
@user-un9ng6pq4c
@user-un9ng6pq4c 4 месяца назад
С удовольствием пройду!
@Rais_Dev
@Rais_Dev 4 месяца назад
Здравствуйте. У вас очень отличные видео. Понял какие совершил ошибки.
@TheS68123
@TheS68123 4 месяца назад
Не дожидаясь сразу лайк. У тебя всегда только годное)
@user-qm4vd3je3z
@user-qm4vd3je3z 2 месяца назад
Очень круто и понятно изложенный материал! Приятный голос - это бонус))
@user-nc1iz5su4r
@user-nc1iz5su4r 4 месяца назад
Коммент в поддержку. За ролик спасибо. Посмотрю на выходных, хотелось бы по vue vuex подобное
@dobramorda9818
@dobramorda9818 3 месяца назад
@Vladilen 1:55:00 с офф документации "Оператор запятая выполняет каждый из его операндов (слева направо) и возвращает значение последнего операнда." - поэтому возвращает последнее.
@iPraetori
@iPraetori 4 месяца назад
Очередной годный контент подъехал, спасиб!
@assalamualeykum1028
@assalamualeykum1028 4 месяца назад
Отлично, ждем!
@tim.wonderer
@tim.wonderer 4 месяца назад
Красавчик, недавно спрашивал будет ли что-то по реакту, ты сказал да. Сдержал слово. Классно, спасибо
@user-kv5qq3mz8w
@user-kv5qq3mz8w 4 месяца назад
Спасибо большое, буду делать!
@xdayx53
@xdayx53 4 месяца назад
как раз только подумывал начать учить реакт, и тут такое чудо. я когда премьеру увидел - оооочень обрадовался
@user-ho6lv3ql3j
@user-ho6lv3ql3j 3 месяца назад
я вот заканчиваю углубленный js и перехожу на react, как я понял мы просто смотрим за автором видео и погружаемся в пучину?
@xdayx53
@xdayx53 3 месяца назад
@@user-ho6lv3ql3j агась
@tymurkr
@tymurkr 2 месяца назад
@@user-ho6lv3ql3jты можешь изучать хоть через видео автора, хоть через документацию, как удобнее, сказать по секрету, то и там и тут куча води, и первые 3 часа можно вложить в 1 час, и кстати, эти 3 часа из видео описаны в документации на 25 страниц, но там подробнее и больше примеров(очень больше).
@xdayx53
@xdayx53 Месяц назад
@@user-ho6lv3ql3j начал react?
@user-lm6xk4to5v
@user-lm6xk4to5v 4 месяца назад
Супер! Спасибо Вам огромное! Логическое изложение материала и качество подхода!
@user-ss3qy3zu9k
@user-ss3qy3zu9k 3 месяца назад
Как всегда очень качественный контент! Спасибо Владилен!!!
@kiki_van_gog
@kiki_van_gog 2 месяца назад
Спасибо за таймкоды, сам курс тоже неплох, я уже был знаком с реактом, но пару моментов прояснил
@user-rr2gh4ox9i
@user-rr2gh4ox9i 4 месяца назад
Уууиф кайф, ждал норм уроков реакт, а тут ты 😮
@DzasikivarasiW
@DzasikivarasiW 4 месяца назад
Спасибо, видео шикарное!
@nnni23
@nnni23 Месяц назад
Наконец то, это то что мне нужно было. Много раз пыталась запустить приложение на реакте с разных туторов и статей, не получалось, но посмотрел вас(конечно же учла свои прошлые ошибки, без этого никак) и всё получилось. Как же давно я ждала этого счастливого момента..😂
@VladilenMinin
@VladilenMinin 28 дней назад
Ура🥳
@RuslanNumber1
@RuslanNumber1 4 месяца назад
Учил Vue 2.0 у Владилена, курс которого был от 2018 года, затем Vue 3.0. С 2021 года и до сих пор я на этом канале и очень интересно также было посмотреть базу по реакт. После изучения одного фрэймворка, другой кажется похожим и не страшным. Спасибо за годноту.
@dabdabdabdaya
@dabdabdabdaya 3 месяца назад
вам удалось устроиться на работу в айти?
@RuslanNumber1
@RuslanNumber1 3 месяца назад
​@@dabdabdabdaya Да
@user-yv1jp8fe9o
@user-yv1jp8fe9o 3 дня назад
Ваши уроки самые понятные и качественные. Вы мне очень помогли освоить react js, который не как не мог понять. Спасибо большое вам. =)
@user-zu6ts5dx7z
@user-zu6ts5dx7z 4 месяца назад
Владилен - красава, его видео очень полезные для новичков
@user-wq5or7di9f
@user-wq5or7di9f 4 месяца назад
Полезно, спасибо!)
@profuter
@profuter 3 месяца назад
Спасибо. Очень познавательно. ПОдскажите что за форматтер вам строчки красиво c отступами расставляет в visual studio code?
@user-fw9hc5lg9f
@user-fw9hc5lg9f 4 месяца назад
525 лайк это мой, если что!) Коммент в поддержку автора и видео! Новичкам желаю удачи и упорства в освоении материала! 🔥
@Dendor3519
@Dendor3519 4 месяца назад
Актуалненько! Спасибо!!!!
@user-tf4vu9kr2z
@user-tf4vu9kr2z 4 месяца назад
Ура, спасибо тебе огромное!
@user-ti6ob6xe3j
@user-ti6ob6xe3j 4 месяца назад
Владилен спасибо тебе за контент! 🤜
@nurbolot02
@nurbolot02 4 месяца назад
Мы ждем следующего курса по next js
@a-bakhvalov
@a-bakhvalov 4 месяца назад
Владилен, спасибо огромное!
@NatashaSL
@NatashaSL 3 месяца назад
Спасибо большое💜
@user-yz8em9oz2h
@user-yz8em9oz2h 3 месяца назад
Мужик, спасибо тебе!!! Никогда не изучал реакт, ты бесподобно объяснил!!! Жму руку))))
@xBladetmx
@xBladetmx 4 месяца назад
Спасибо за работу!
@anuarsatybaldy6495
@anuarsatybaldy6495 3 месяца назад
Огромное спасибо!
@maxSamolet
@maxSamolet 4 месяца назад
Круто. Прям классный материал. Я помню еще очень давно скачивал твои курсы с торрентов, чтобы выучиться. Денег на тот момент не хватало. Но потом, когда появился доход, чтобы отблагодарить, купил несколько курсов на udemi по моему. Было бы классно увидеть свежий подобный курс по NUXT 3 (Vue 3 compositionAPI) + TS + Pinia + Тестирование.
@RuslanNumber1
@RuslanNumber1 4 месяца назад
я тоже качал, качаю и буду качать)))
@kerfuflekhjk2941
@kerfuflekhjk2941 Месяц назад
@@RuslanNumber1 а откуда качаете? где можно найти
@RuslanNumber1
@RuslanNumber1 Месяц назад
@@kerfuflekhjk2941 на торренте
@boriyxonomonxojayev3350
@boriyxonomonxojayev3350 4 месяца назад
спасибо огромное, очень помогли
@user-qn3lw9ub7g
@user-qn3lw9ub7g 4 месяца назад
Как всегда круто!
@tarass.lazarchuk
@tarass.lazarchuk 4 месяца назад
Очень интересный випуск, так держать
@stasderkach8870
@stasderkach8870 4 месяца назад
Интересует такой вопрос. Насколько актуально изучение таких js модулей (пакетов) как React Router, React Query, Redux и т.п. в виду существования полноценных react-фреймворков по типу Next.js? Подобные фреймворки покрывают в полной мере функционал упомянутых модулей или нет? Если это совсем не связанные друг с другом технологии, возможности которых не пересекаются и служат для решения совершенно разных задач, прошу прощение за тупой вопрос.
@user-ud6kp5my2r
@user-ud6kp5my2r 4 месяца назад
Очень нужен курс, жду!!!
@user-ih9ir5ir2x
@user-ih9ir5ir2x 4 месяца назад
Спасибо, интересно
@vladm3174
@vladm3174 4 месяца назад
Да, крутой контент, спасибо.
@TwixMen26
@TwixMen26 2 месяца назад
Огромнейшее уважение за проделанную работу и открытый энтузиазм Я реально с полного 0 научился понимать реакт Порой были моменты, когда копился тильт, эмоции брали свое, но спокойный голос автора приводил в чувства и успокаивал xD Лучшая реклама вашей школы, спасибо
@pretcb
@pretcb 4 месяца назад
Более лаконичного и понятного вводного курса по React просто не найти. Реально у тебя талант делать сложное - простым и понятным. Особенно для тех кто изучал ранее python :)
@tarass.lazarchuk
@tarass.lazarchuk 4 месяца назад
Благодарю за контент
@TheZhendoz
@TheZhendoz 4 месяца назад
Заканчиваю бесплатный курс по HTML/CSS. Далее в плане твой ютуб курс по JS. Сюда зашёл для оценки того, хорошо ли вообще воспринимается материал. Резюме: мне нравится, как ты объясняешь! Возможно это своего рода вкусовщина, но лично мне твоя манера изложения точно подходит. Могу сравнивать с многими преподавателями и методологией GeekBrains, там было очень сложно научиться чему-то конкретному. Спасибо за проделанную работу и то, что делишься этой базой условно бесплатно! 👍🏼 Приду на платную часть, когда буду готов.
@user-ev5lg3iv5n
@user-ev5lg3iv5n 4 месяца назад
Привет, можешь ссылкой поделиться на курс по HTML/CSS?
@MsNecro00
@MsNecro00 4 месяца назад
А вот и сработала продажа
@user-ev5lg3iv5n
@user-ev5lg3iv5n 4 месяца назад
@@MsNecro00 что?
@RuslanNumber1
@RuslanNumber1 4 месяца назад
сам учился на GB, но остановился там на половине обучения и рыл у Владилена бесплатный контент) Деньги за половину обучения вернул, но работу нашел. По факту мне самому не было понятно очень многое из того, что лили в уши, а некоторые преподы сами еще "плавали" в материале. Разве что курс по HTML/CSS от Игоря Кубикова был топ. За все остальное моя оценка 3 с минусом. В обучении разочаровался, но не сдался. Ютуб и др. источники вытянули :) Успехов в обучении. Главное не сдавайся, все получится.
@MsNecro00
@MsNecro00 4 месяца назад
@@user-ev5lg3iv5n клюнул человек на крючок, что
@user-zb9qy9yc4b
@user-zb9qy9yc4b 2 месяца назад
Да, спасибо, офигенно!
@MrWerwoolf
@MrWerwoolf 4 месяца назад
Надеюсь запись стрима будет, Владилен слушаю вас с удовольствием.
@ivangorshinev8311
@ivangorshinev8311 4 месяца назад
У тебя талант преподносить сложные концепции простым языком. По опыту скажу , ты разъясняешь куда лучше , чем в платных академиях )
@OTKA3
@OTKA3 4 месяца назад
Я с вами почти полностью согласен, но useEffect, как по мне, можно было бы объяснить получше.
@nestromae
@nestromae 4 месяца назад
Поэтому он открыл платную академию😂
@MsNecro00
@MsNecro00 4 месяца назад
@@nestromae вот-вот
@ivangorshinev8311
@ivangorshinev8311 4 месяца назад
@@nestromaeповерь, стоит денег
@zxcawenka
@zxcawenka 3 дня назад
лучший просто! спасибо за старания
@user-ml7mu2gi9c
@user-ml7mu2gi9c 4 месяца назад
Спасибо за твою отработаю ❤
@user-co2tc1bb3t
@user-co2tc1bb3t 4 месяца назад
Спасибо ты лучший😎
@youngprogrammer5880
@youngprogrammer5880 4 месяца назад
Здраствуйте Владилен! Какую тему вы используете(vs code)?
@This_is_hellwood
@This_is_hellwood 2 месяца назад
Было бы интиресно услышать ещё и про работу с масивом через map.)
@sultanovadurdona7045
@sultanovadurdona7045 3 месяца назад
Здравствуйте Владилен. У меня есть вопросы касательно javaScript, то есть как вы добавляете js код в html (судя по тому что внутри div используется return), разве это не в React было возможно?
@RewCSharp
@RewCSharp 3 месяца назад
Спасибо за урок!
@dlazder3937
@dlazder3937 4 месяца назад
Думаю, можно будет глянуть
@EnjoykinPlay
@EnjoykinPlay 3 месяца назад
Приветствую. 56:00 не совсем понял. Как ключ объекта может принять знак равенства если там двоеточия? Я не понимаю. Например в ways[1] сидит объект. Как? А за труд спасибо конечно.
@most_1wanted7
@most_1wanted7 3 месяца назад
ОЧЕНЬ КРУТО !!!
@romanmed9035
@romanmed9035 3 месяца назад
для меня Владилен всегда является лучшим учителем программирования и я рад что он вернулся к своему делу.
@user-in4sj3ri8j
@user-in4sj3ri8j 4 месяца назад
Лайк. Ничего не понимаю , но надо поддержать
@asg5511
@asg5511 4 месяца назад
Супер полезная информация и подача материала как обычно на космической высоте!!!
@ArturOganesian
@ArturOganesian 3 месяца назад
Лучший просто даже не для начинающего, типо смотришь тыячу других видео и даже не можешь оттуда учить половину того что здесь было спасибо друг
@goshanaum189
@goshanaum189 4 месяца назад
Спасибо за курс
@dark.lizzard
@dark.lizzard 4 месяца назад
Здорово👏✊👍
@andreyfedorov8243
@andreyfedorov8243 4 месяца назад
Спасибо!
@SN-yo5tq
@SN-yo5tq 4 месяца назад
здравствуйте. В разделе "как работает jsx" вы оборочиваете 2 элемента в массив, а обязательно ли так делать я выполнил не в массиве и все так же работает. просто если делать с помощью массива придется добавлять ключи к каждому элементу
@rib
@rib 4 месяца назад
интересный стрим, надо еще базу js глянуть)
@user-rr2xj6nn3x
@user-rr2xj6nn3x 4 месяца назад
Спасибо за контент. Помогаю ролику пробить рекомендации. Ставьте лайки и оставляйте комментарии друзья
@user-el2oj5fx2l
@user-el2oj5fx2l 2 месяца назад
Владилен молодец, спасибо!
@pentaura7552
@pentaura7552 24 дня назад
Спасибо за контент!
@markserous4717
@markserous4717 4 месяца назад
Ну это видео прям очень простое. Хэйтеры которые говорят что Владилен очень сложно преподносит информацию, вам сюда. Если честно я уже привык к более продвинутой инфе. Нравится когда ты начинаешь заигрываться и добавлять что-то сложное, что-то своё)
@deanwichester6412
@deanwichester6412 3 месяца назад
Добрый вечер ,не можете подсказать почему при первой инициализации Header, useEffect return не удаляет setInterval и время показывает каждую секунду ,ведь он возвращает clearInterval.А удаляет только после удаления Header? 3:21:55
@alexanderkomanov4151
@alexanderkomanov4151 4 месяца назад
Ждёмс свежачок!
@forellko8600
@forellko8600 3 месяца назад
Спасибо)
Далее
Хочу стать Junior React
18:42
Просмотров 3,6 тыс.
React и Next js убивают фронтенд!
9:11