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

  Рет қаралды 236,457

Владилен Минин

Владилен Минин

Күн бұрын

Дорожная карта и экосистема 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 недели работы дамы и господа. Прошу любить и жаловать и распространять
Я подумал о том, что русскому KZfaq не хватает обновленного качественного курса для начинающих с нуля по этой технологии.
Тем более, что прошлые ролики имеют тенденцию устаревать и знания необходимо обновлять. Теперь у каждого есть возможность за 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 - Дальнейшие шаги

Пікірлер: 581
@VladilenMinin
@VladilenMinin 5 ай бұрын
Я составил полную и актуальную дорожную карту того, что в React есть и что нужно выучить, включая полную экосистему из библиотек и фреймворков на момент 2024 года. Вы можете бесплатно ее скачать (там же исходники для видео) по ссылке: bit.ly/3NxXf7z Так же если контент был полезен можете поддержать меня на Boosty: boosty.to/vladilen
@DmitryFL
@DmitryFL 5 ай бұрын
Имба курс. Я смотрел последннее видео и ни начто не претендую, но хотел спросить: а будет какой-нить продвинутый/для новичков курс по vue? Просто курсов по реакт много хороших, а вод по vue нет.
@alexeystaroverov4804
@alexeystaroverov4804 5 ай бұрын
и без старья всякого?
@gustav7888
@gustav7888 5 ай бұрын
Блин столько заумных видео смотрел на удеми, от нуля до среднего уровня и них... толком не понял за пол года. Но благодаря этому видео понял все что учил и как что используется и откуда берется. Очень круто объясняете. Хочу от вас увидеть похожие уроки в стиле удеми. Чтобы просто скачать не дорого готовые уроки и пройти хуки, редукс и т.д. Вижу ссылку на бусти, но толком не понимаю что это и как и есть ли там такие же курсы как на удеми от вас. Про вашу школу давно знаю с самого начала моего пути, но 150к рублей - 300к рублей посчитал не той суммой за учебу, когда есть уроки на удеми дешевле.
@user-ez2om1wu3i
@user-ez2om1wu3i 5 ай бұрын
Реакт фронт-енд это все конечно хорошо ну какой смысл учить если работу тупо не найти я уже сделал и фейковое резюме и рассылаю по 100+ откликов и просто нечего! На мой взгляд it это инфоциганство 23 года! Это как проводить курс как стать генеральным директором Газпрома да не как не стать! Родиться сыном путина в лучшем случае
@gustav7888
@gustav7888 5 ай бұрын
@@user-ez2om1wu3i А вы не заметили что про крипту так же было, из всех чайников кричали про это, как раз перед тем как это стало загибаться. Так же и с программированием. Когда все рубили бабки, не было столько курсов, как только начало загибаться, люди начали давать свои знания чтобы на этом заработать. У меня есть товарищь который давно в ит, до сих пор работает, работа есть но для людей с опытом, и то возможно не в россии.Но я считаю что знания ваши потом пригодятся, чтобы настроить сайт или сделать кому то по знакомству сайт для сервиса, мойки и т.д. Да и надо искать фриланс.
@chifuyubass
@chifuyubass 5 ай бұрын
Жду не дождусь ❤
@mental_master9003
@mental_master9003 5 ай бұрын
Огромное спасибо Владилен , за твой труд. Действительно полезная информация для начинающих.
@TheYukos70
@TheYukos70 5 ай бұрын
нет слов...спасибо! Сижу, слушаю и наслаждаюсь!
@user-em5ck3om5o
@user-em5ck3om5o 5 ай бұрын
Обязательно к просмотру. Спасибо 🎉
@daniil__kryuchkov
@daniil__kryuchkov 5 ай бұрын
Лайк поставил, смотреть не буду. Пойду на завод
@ThePredsedatel
@ThePredsedatel 5 ай бұрын
Шансов попасть на завод гораздо больше
@BlackCat-yz3oc
@BlackCat-yz3oc 5 ай бұрын
Посмотри потом.
@daniil__kryuchkov
@daniil__kryuchkov 5 ай бұрын
@@ThePredsedatel только не показывайте зарплаты на заводах джунам
@ThePredsedatel
@ThePredsedatel 5 ай бұрын
@@daniil__kryuchkov раскрой подкол
@ivangorshinev8311
@ivangorshinev8311 5 ай бұрын
Без шуток , на заводе график 2/2 . Могу удобно обучаться и усваивать инфу.
@OOSports
@OOSports 4 ай бұрын
Это пожалуй лучший курс по React на русскоязычном сегменте! Спасибо за старания и во вложенный труд!
@YusupOzdoyev
@YusupOzdoyev 5 ай бұрын
Какой же кайф понимать что тут происходит все больше и больше )
@user-sk1rh7yh7n
@user-sk1rh7yh7n 5 ай бұрын
Круто! Спасибо огромное за твою помощь!
@flamer721
@flamer721 5 ай бұрын
Спасибо за контент. Не перестаешь радовать
@user-dc1uu4yo1v
@user-dc1uu4yo1v 5 ай бұрын
Огромное спасибо за материалы!
@_c.ute.wolf_1576
@_c.ute.wolf_1576 5 ай бұрын
Очень жду❤
@semenloginov7244
@semenloginov7244 5 ай бұрын
Круто! Очень ждем!!
@assalamualeykum1028
@assalamualeykum1028 5 ай бұрын
Отлично, ждем!
@averzhi
@averzhi 5 ай бұрын
Обязательно когда дойду до реакта, посмотрю. Надеюсь это будет самый популярный курс на тутубе. Удачи!)
@duke_nukem14
@duke_nukem14 5 ай бұрын
От души за контент, Владилен☺
@begiiimirzayev1359
@begiiimirzayev1359 5 ай бұрын
Как раз вовремя. Спасибо большое))
@vgshenshin
@vgshenshin 5 ай бұрын
Лайк, комментарий, колокольчик, подписан давно)) спасибо 🔥 действительно интересный и вовлекающий урок. Легко и понятно объясняешь 👍
@ThePro_0001
@ThePro_0001 5 ай бұрын
Благодарю за труды! Было интересно👍
@foxislegol5243
@foxislegol5243 5 ай бұрын
О круто. спасибо!! Учу реакт благодаря тебе
@alexk6603
@alexk6603 5 ай бұрын
Как всегда офигенно и все по делу
@user-un9ng6pq4c
@user-un9ng6pq4c 5 ай бұрын
С удовольствием пройду!
@vladpetrov4512
@vladpetrov4512 5 ай бұрын
Хороший материал! Лайк, подписка однозначно. Давай видос со сложными концепциями❤
@MikhailEfremov-kb7ew
@MikhailEfremov-kb7ew 5 ай бұрын
Классная подача материала. Ну и конечно, вся соль в описании) Привет с СПб :)
@TheS68123
@TheS68123 5 ай бұрын
Не дожидаясь сразу лайк. У тебя всегда только годное)
@user-yv1jp8fe9o
@user-yv1jp8fe9o Ай бұрын
Ваши уроки самые понятные и качественные. Вы мне очень помогли освоить react js, который не как не мог понять. Спасибо большое вам. =)
@LuckyBoy-id1xr
@LuckyBoy-id1xr 4 ай бұрын
Супер! Спасибо огромное! Это лучший видос на ютубе, для тех кто хочет понять, что такое реакт!
@d.volobuev
@d.volobuev 5 ай бұрын
Прекрасный урок! Он вдохновил меня на изучение реакта, хотя лежит купленный платный курс. Спасибо большое, Владилен.
@TiMa_156Y
@TiMa_156Y 4 ай бұрын
Владилен, спасибо за Ваш труд. Как всегда контент супер! Главное простыми словами и всё понятно, а если что-то не понятно, то просто стоит пересмотреть ещё раз )
@vadimsvn6480
@vadimsvn6480 5 ай бұрын
Владилен, Спасибо, что делитесь знаниями!
@user-wq5or7di9f
@user-wq5or7di9f 5 ай бұрын
Полезно, спасибо!)
@user-kv5qq3mz8w
@user-kv5qq3mz8w 5 ай бұрын
Спасибо большое, буду делать!
@user-gi3nb6nf2n
@user-gi3nb6nf2n 4 ай бұрын
Подача нереальная, все понятно, по полочкам!спасибо🔥
@markserous4717
@markserous4717 5 ай бұрын
Ну это видео прям очень простое. Хэйтеры которые говорят что Владилен очень сложно преподносит информацию, вам сюда. Если честно я уже привык к более продвинутой инфе. Нравится когда ты начинаешь заигрываться и добавлять что-то сложное, что-то своё)
@Dendor3519
@Dendor3519 5 ай бұрын
Актуалненько! Спасибо!!!!
@iPraetori
@iPraetori 5 ай бұрын
Очередной годный контент подъехал, спасиб!
@Rais_Dev
@Rais_Dev 5 ай бұрын
Здравствуйте. У вас очень отличные видео. Понял какие совершил ошибки.
@user-qm4vd3je3z
@user-qm4vd3je3z 3 ай бұрын
Очень круто и понятно изложенный материал! Приятный голос - это бонус))
@nnni23
@nnni23 2 ай бұрын
Наконец то, это то что мне нужно было. Много раз пыталась запустить приложение на реакте с разных туторов и статей, не получалось, но посмотрел вас(конечно же учла свои прошлые ошибки, без этого никак) и всё получилось. Как же давно я ждала этого счастливого момента..😂
@VladilenMinin
@VladilenMinin Ай бұрын
Ура🥳
@user-ss3qy3zu9k
@user-ss3qy3zu9k 4 ай бұрын
Как всегда очень качественный контент! Спасибо Владилен!!!
@DzasikivarasiW
@DzasikivarasiW 5 ай бұрын
Спасибо, видео шикарное!
@user-rr2gh4ox9i
@user-rr2gh4ox9i 5 ай бұрын
Уууиф кайф, ждал норм уроков реакт, а тут ты 😮
@user-tf4vu9kr2z
@user-tf4vu9kr2z 5 ай бұрын
Ура, спасибо тебе огромное!
@a-bakhvalov
@a-bakhvalov 5 ай бұрын
Владилен, спасибо огромное!
@NatashaSL
@NatashaSL 4 ай бұрын
Спасибо большое💜
@user-mu9gf6kf8t
@user-mu9gf6kf8t 5 ай бұрын
Большое спасибо за видео! Дай Бог тебе здоровья и всего наилучшего!
@RuslanNumber1
@RuslanNumber1 5 ай бұрын
Учил Vue 2.0 у Владилена, курс которого был от 2018 года, затем Vue 3.0. С 2021 года и до сих пор я на этом канале и очень интересно также было посмотреть базу по реакт. После изучения одного фрэймворка, другой кажется похожим и не страшным. Спасибо за годноту.
@dabdabdabdaya
@dabdabdabdaya 4 ай бұрын
вам удалось устроиться на работу в айти?
@RuslanNumber1
@RuslanNumber1 4 ай бұрын
​@@dabdabdabdaya Да
@user-nc1iz5su4r
@user-nc1iz5su4r 5 ай бұрын
Коммент в поддержку. За ролик спасибо. Посмотрю на выходных, хотелось бы по vue vuex подобное
@user-lm6xk4to5v
@user-lm6xk4to5v 5 ай бұрын
Супер! Спасибо Вам огромное! Логическое изложение материала и качество подхода!
@user-zu6ts5dx7z
@user-zu6ts5dx7z 5 ай бұрын
Владилен - красава, его видео очень полезные для новичков
@user-ti6ob6xe3j
@user-ti6ob6xe3j 5 ай бұрын
Владилен спасибо тебе за контент! 🤜
@xBladetmx
@xBladetmx 5 ай бұрын
Спасибо за работу!
@user-qn3lw9ub7g
@user-qn3lw9ub7g 5 ай бұрын
Как всегда круто!
@user-gy3wr6jz4c
@user-gy3wr6jz4c 18 күн бұрын
Спасибо большое! С твоей подачей мне стало проще изучать и понимать этот сложным "мир")) Всё просто и без мути)
@boriyxonomonxojayev3350
@boriyxonomonxojayev3350 5 ай бұрын
спасибо огромное, очень помогли
@tarass.lazarchuk
@tarass.lazarchuk 5 ай бұрын
Очень интересный випуск, так держать
@user-ih9ir5ir2x
@user-ih9ir5ir2x 5 ай бұрын
Спасибо, интересно
@xdayx53
@xdayx53 5 ай бұрын
как раз только подумывал начать учить реакт, и тут такое чудо. я когда премьеру увидел - оооочень обрадовался
@user-ho6lv3ql3j
@user-ho6lv3ql3j 4 ай бұрын
я вот заканчиваю углубленный js и перехожу на react, как я понял мы просто смотрим за автором видео и погружаемся в пучину?
@xdayx53
@xdayx53 4 ай бұрын
@@user-ho6lv3ql3j агась
@tymurkr
@tymurkr 3 ай бұрын
@@user-ho6lv3ql3jты можешь изучать хоть через видео автора, хоть через документацию, как удобнее, сказать по секрету, то и там и тут куча води, и первые 3 часа можно вложить в 1 час, и кстати, эти 3 часа из видео описаны в документации на 25 страниц, но там подробнее и больше примеров(очень больше).
@xdayx53
@xdayx53 2 ай бұрын
@@user-ho6lv3ql3j начал react?
@tim.wonderer
@tim.wonderer 5 ай бұрын
Красавчик, недавно спрашивал будет ли что-то по реакту, ты сказал да. Сдержал слово. Классно, спасибо
@yuryb.1434
@yuryb.1434 22 күн бұрын
Спасибо, Владилен! Бесценный материал для новичков, таких как я ) И прекрасная подача материала. 1000 %%% респект!!!
@zxcawenka
@zxcawenka Ай бұрын
лучший просто! спасибо за старания
@kiki_van_gog
@kiki_van_gog 3 ай бұрын
Спасибо за таймкоды, сам курс тоже неплох, я уже был знаком с реактом, но пару моментов прояснил
@user-ud6kp5my2r
@user-ud6kp5my2r 5 ай бұрын
Очень нужен курс, жду!!!
@nurbolot02
@nurbolot02 5 ай бұрын
Мы ждем следующего курса по next js
@vladm3174
@vladm3174 5 ай бұрын
Да, крутой контент, спасибо.
@tarass.lazarchuk
@tarass.lazarchuk 5 ай бұрын
Благодарю за контент
@rib
@rib 5 ай бұрын
интересный стрим, надо еще базу js глянуть)
@user-yz8em9oz2h
@user-yz8em9oz2h 4 ай бұрын
Мужик, спасибо тебе!!! Никогда не изучал реакт, ты бесподобно объяснил!!! Жму руку))))
@RewCSharp
@RewCSharp 4 ай бұрын
Спасибо за урок!
@dark.lizzard
@dark.lizzard 5 ай бұрын
Здорово👏✊👍
@user-wx1zv3cb3n
@user-wx1zv3cb3n 5 ай бұрын
респект✊🏼👍🏼
@maxSamolet
@maxSamolet 5 ай бұрын
Круто. Прям классный материал. Я помню еще очень давно скачивал твои курсы с торрентов, чтобы выучиться. Денег на тот момент не хватало. Но потом, когда появился доход, чтобы отблагодарить, купил несколько курсов на udemi по моему. Было бы классно увидеть свежий подобный курс по NUXT 3 (Vue 3 compositionAPI) + TS + Pinia + Тестирование.
@RuslanNumber1
@RuslanNumber1 5 ай бұрын
я тоже качал, качаю и буду качать)))
@kerfuflekhjk2941
@kerfuflekhjk2941 2 ай бұрын
@@RuslanNumber1 а откуда качаете? где можно найти
@RuslanNumber1
@RuslanNumber1 2 ай бұрын
@@kerfuflekhjk2941 на торренте
@pentaura7552
@pentaura7552 Ай бұрын
Спасибо за контент!
@andreyfedorov8243
@andreyfedorov8243 5 ай бұрын
Спасибо!
@user-zb9qy9yc4b
@user-zb9qy9yc4b 3 ай бұрын
Да, спасибо, офигенно!
@artem_doronin
@artem_doronin 4 ай бұрын
ролик просто бомба!
@dobramorda9818
@dobramorda9818 4 ай бұрын
@Vladilen 1:55:00 с офф документации "Оператор запятая выполняет каждый из его операндов (слева направо) и возвращает значение последнего операнда." - поэтому возвращает последнее.
@user-fw9hc5lg9f
@user-fw9hc5lg9f 5 ай бұрын
525 лайк это мой, если что!) Коммент в поддержку автора и видео! Новичкам желаю удачи и упорства в освоении материала! 🔥
@dlazder3937
@dlazder3937 5 ай бұрын
Думаю, можно будет глянуть
@most_1wanted7
@most_1wanted7 4 ай бұрын
ОЧЕНЬ КРУТО !!!
@profuter
@profuter 4 ай бұрын
Спасибо. Очень познавательно. ПОдскажите что за форматтер вам строчки красиво c отступами расставляет в visual studio code?
@user-in4sj3ri8j
@user-in4sj3ri8j 5 ай бұрын
Лайк. Ничего не понимаю , но надо поддержать
@forellko8600
@forellko8600 4 ай бұрын
Спасибо)
@goshanaum189
@goshanaum189 5 ай бұрын
Спасибо за курс
@user-co2tc1bb3t
@user-co2tc1bb3t 5 ай бұрын
Спасибо ты лучший😎
@ArturOganesian
@ArturOganesian 4 ай бұрын
Лучший просто даже не для начинающего, типо смотришь тыячу других видео и даже не можешь оттуда учить половину того что здесь было спасибо друг
@alexanderkomanov4151
@alexanderkomanov4151 5 ай бұрын
Ждёмс свежачок!
@user-el2oj5fx2l
@user-el2oj5fx2l 3 ай бұрын
Владилен молодец, спасибо!
@artofit
@artofit 5 ай бұрын
ТО ЧТО НУЖНО!!!!
@youngprogrammer5880
@youngprogrammer5880 5 ай бұрын
Здраствуйте Владилен! Какую тему вы используете(vs code)?
@user-ml7mu2gi9c
@user-ml7mu2gi9c 5 ай бұрын
Спасибо за твою отработаю ❤
@ahrorbaxranov
@ahrorbaxranov 5 ай бұрын
Спасибо за урок
@MrWerwoolf
@MrWerwoolf 5 ай бұрын
Надеюсь запись стрима будет, Владилен слушаю вас с удовольствием.
@TwixMen26
@TwixMen26 3 ай бұрын
Огромнейшее уважение за проделанную работу и открытый энтузиазм Я реально с полного 0 научился понимать реакт Порой были моменты, когда копился тильт, эмоции брали свое, но спокойный голос автора приводил в чувства и успокаивал xD Лучшая реклама вашей школы, спасибо
@romanmed9035
@romanmed9035 4 ай бұрын
для меня Владилен всегда является лучшим учителем программирования и я рад что он вернулся к своему делу.
@Sweet-Bubaleh
@Sweet-Bubaleh 5 ай бұрын
Наконец-то хороший звук ))
@ab_random
@ab_random 12 күн бұрын
Классный ролик, чтобы быстро вспомнить/вникнуть и подебажить имеющийся код. Спасибо!
@user-of9wo3qy1h
@user-of9wo3qy1h 4 ай бұрын
жму лайк годная инфа
@stasderkach8870
@stasderkach8870 5 ай бұрын
Интересует такой вопрос. Насколько актуально изучение таких js модулей (пакетов) как React Router, React Query, Redux и т.п. в виду существования полноценных react-фреймворков по типу Next.js? Подобные фреймворки покрывают в полной мере функционал упомянутых модулей или нет? Если это совсем не связанные друг с другом технологии, возможности которых не пересекаются и служат для решения совершенно разных задач, прошу прощение за тупой вопрос.
@ivangorshinev8311
@ivangorshinev8311 5 ай бұрын
У тебя талант преподносить сложные концепции простым языком. По опыту скажу , ты разъясняешь куда лучше , чем в платных академиях )
@OTKA3
@OTKA3 5 ай бұрын
Я с вами почти полностью согласен, но useEffect, как по мне, можно было бы объяснить получше.
@nestromae
@nestromae 5 ай бұрын
Поэтому он открыл платную академию😂
@RavenMusicNest
@RavenMusicNest 5 ай бұрын
@@nestromae вот-вот
@ivangorshinev8311
@ivangorshinev8311 5 ай бұрын
@@nestromaeповерь, стоит денег
TypeScript - Быстрый Курс за 70 минут
1:08:00
Владилен Минин
Рет қаралды 621 М.
50 вопросов на React JS собеседование
52:45
Владилен Минин
Рет қаралды 329 М.
Miracle Doctor Saves Blind Girl ❤️
00:59
Alan Chikin Chow
Рет қаралды 61 МЛН
когда достали одноклассники!
00:49
БРУНО
Рет қаралды 4,1 МЛН
Они убрались очень быстро!
00:40
Аришнев
Рет қаралды 1,2 МЛН
WHY DOES SHE HAVE A REWARD? #youtubecreatorawards
00:41
Levsob
Рет қаралды 42 МЛН
FRONTEND: Мифы и Реалии рынка труда
34:43
Владилен Минин
Рет қаралды 42 М.
React Hooks - Полный Курс (Про Все Хуки в 1 видео!)
1:47:00
Владилен Минин
Рет қаралды 435 М.
Все о React 19 за 10 минут
10:47
Frontend Fundamentals | Александр Караджиков
Рет қаралды 5 М.
Все о Frontend-разработке за 15 минут
15:14
Merion Academy
Рет қаралды 90 М.
React Tutorial for Beginners
1:20:04
Programming with Mosh
Рет қаралды 2,6 МЛН
Как правильно учиться
33:55
Владилен Минин
Рет қаралды 14 М.
Miracle Doctor Saves Blind Girl ❤️
00:59
Alan Chikin Chow
Рет қаралды 61 МЛН