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

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

[@VladilenMinin]

Я составил полную и актуальную дорожную карту того, что в React есть и что нужно выучить, включая полную экосистему из библиотек и фреймворков на момент 2024 года. Вы можете бесплатно ее скачать (там же исходники для видео) по ссылке: bit.ly/3NxXf7z Так же если контент был полезен можете поддержать меня на Boosty: boosty.to/vladilen

[@DmitryFL]

Имба курс. Я смотрел последннее видео и ни начто не претендую, но хотел спросить: а будет какой-нить продвинутый/для новичков курс по vue? Просто курсов по реакт много хороших, а вод по vue нет.

[@alexeystaroverov4804]

и без старья всякого?

[@gustav7888]

Блин столько заумных видео смотрел на удеми, от нуля до среднего уровня и них... толком не понял за пол года. Но благодаря этому видео понял все что учил и как что используется и откуда берется. Очень круто объясняете. Хочу от вас увидеть похожие уроки в стиле удеми. Чтобы просто скачать не дорого готовые уроки и пройти хуки, редукс и т.д. Вижу ссылку на бусти, но толком не понимаю что это и как и есть ли там такие же курсы как на удеми от вас. Про вашу школу давно знаю с самого начала моего пути, но 150к рублей - 300к рублей посчитал не той суммой за учебу, когда есть уроки на удеми дешевле.

[@user-ez2om1wu3i]

Реакт фронт-енд это все конечно хорошо ну какой смысл учить если работу тупо не найти я уже сделал и фейковое резюме и рассылаю по 100+ откликов и просто нечего! На мой взгляд it это инфоциганство 23 года! Это как проводить курс как стать генеральным директором Газпрома да не как не стать! Родиться сыном путина в лучшем случае

[@gustav7888]

@@user-ez2om1wu3i А вы не заметили что про крипту так же было, из всех чайников кричали про это, как раз перед тем как это стало загибаться. Так же и с программированием. Когда все рубили бабки, не было столько курсов, как только начало загибаться, люди начали давать свои знания чтобы на этом заработать. У меня есть товарищь который давно в ит, до сих пор работает, работа есть но для людей с опытом, и то возможно не в россии.Но я считаю что знания ваши потом пригодятся, чтобы настроить сайт или сделать кому то по знакомству сайт для сервиса, мойки и т.д. Да и надо искать фриланс.

[@daniil__kryuchkov]

Лайк поставил, смотреть не буду. Пойду на завод

[@ThePredsedatel]

Шансов попасть на завод гораздо больше

[@BlackCat-yz3oc]

Посмотри потом.

[@daniil__kryuchkov]

@@ThePredsedatel только не показывайте зарплаты на заводах джунам

[@ThePredsedatel]

@@daniil__kryuchkov раскрой подкол

[@ivangorshinev8311]

Без шуток , на заводе график 2/2 . Могу удобно обучаться и усваивать инфу.

[@chifuyubass]

Жду не дождусь ❤

[@mental_master9003]

Огромное спасибо Владилен , за твой труд. Действительно полезная информация для начинающих.

[@user-em5ck3om5o]

Обязательно к просмотру. Спасибо 🎉

[@YusupOzdoyev]

Какой же кайф понимать что тут происходит все больше и больше )

[@TheYukos70]

нет слов...спасибо! Сижу, слушаю и наслаждаюсь!

[@flamer721]

Спасибо за контент. Не перестаешь радовать

[@user-sk1rh7yh7n]

Круто! Спасибо огромное за твою помощь!

[@nurbolot02]

Мы ждем следующего курса по next js

[@user-dc1uu4yo1v]

Огромное спасибо за материалы!

[@OOSports]

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

[@averzhi]

Обязательно когда дойду до реакта, посмотрю. Надеюсь это будет самый популярный курс на тутубе. Удачи!)

[@profuter]

Спасибо. Очень познавательно. ПОдскажите что за форматтер вам строчки красиво c отступами расставляет в visual studio code?

[@ThePro_0001]

Благодарю за труды! Было интересно👍

[@duke_nukem14]

От души за контент, Владилен☺

[@foxislegol5243]

О круто. спасибо!! Учу реакт благодаря тебе

[@_c.ute.wolf_1576]

Очень жду❤

[@vladpetrov4512]

Хороший материал! Лайк, подписка однозначно. Давай видос со сложными концепциями❤

[@alexk6603]

Как всегда офигенно и все по делу

[@begiiimirzayev1359]

Как раз вовремя. Спасибо большое))

[@vadimsvn6480]

Владилен, Спасибо, что делитесь знаниями!

[@assalamualeykum1028]

Отлично, ждем!

[@user-un9ng6pq4c]

С удовольствием пройду!

[@vgshenshin]

Лайк, комментарий, колокольчик, подписан давно)) спасибо 🔥 действительно интересный и вовлекающий урок. Легко и понятно объясняешь 👍

[@semenloginov7244]

Круто! Очень ждем!!

[@markserous4717]

Ну это видео прям очень простое. Хэйтеры которые говорят что Владилен очень сложно преподносит информацию, вам сюда. Если честно я уже привык к более продвинутой инфе. Нравится когда ты начинаешь заигрываться и добавлять что-то сложное, что-то своё)

[@d.volobuev]

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

[@TiMa_156Y]

Владилен, спасибо за Ваш труд. Как всегда контент супер! Главное простыми словами и всё понятно, а если что-то не понятно, то просто стоит пересмотреть ещё раз )

[@user-gi3nb6nf2n]

Подача нереальная, все понятно, по полочкам!спасибо🔥

[@youngprogrammer5880]

Здраствуйте Владилен! Какую тему вы используете(vs code)?

[@LuckyBoy-id1xr]

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

[@maryjane-dp6wo]

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

[@user-kv5qq3mz8w]

Спасибо большое, буду делать!

[@user-yv1jp8fe9o]

Ваши уроки самые понятные и качественные. Вы мне очень помогли освоить react js, который не как не мог понять. Спасибо большое вам. =)

[@Rais_Dev]

Здравствуйте. У вас очень отличные видео. Понял какие совершил ошибки.

[@TheS68123]

Не дожидаясь сразу лайк. У тебя всегда только годное)

[@stasderkach8870]

Интересует такой вопрос. Насколько актуально изучение таких js модулей (пакетов) как React Router, React Query, Redux и т.п. в виду существования полноценных react-фреймворков по типу Next.js? Подобные фреймворки покрывают в полной мере функционал упомянутых модулей или нет? Если это совсем не связанные друг с другом технологии, возможности которых не пересекаются и служат для решения совершенно разных задач, прошу прощение за тупой вопрос.

[@iPraetori]

Очередной годный контент подъехал, спасиб!

[@MikhailEfremov-kb7ew]

Классная подача материала. Ну и конечно, вся соль в описании) Привет с СПб :)

[@user-wq5or7di9f]

Полезно, спасибо!)

[@user-mu9gf6kf8t]

Большое спасибо за видео! Дай Бог тебе здоровья и всего наилучшего!

[@DzasikivarasiW]

Спасибо, видео шикарное!

[@a-bakhvalov]

Владилен, спасибо огромное!

[@user-ss3qy3zu9k]

Как всегда очень качественный контент! Спасибо Владилен!!!

[@user-zu6ts5dx7z]

Владилен - красава, его видео очень полезные для новичков

[@avatarpw6218]

Это просто топ из всего, что есть на ютубе! С Душой сделано! Представляю какие у Владилена курсы тогда!

[@SN-yo5tq]

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

[@dobramorda9818]

@Vladilen 1:55:00 с офф документации "Оператор запятая выполняет каждый из его операндов (слева направо) и возвращает значение последнего операнда." - поэтому возвращает последнее.

[@user-qm4vd3je3z]

Очень круто и понятно изложенный материал! Приятный голос - это бонус))

[@user-gy3wr6jz4c]

Спасибо большое! С твоей подачей мне стало проще изучать и понимать этот сложным "мир")) Всё просто и без мути)

[@xdayx53]

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

[@user-ho6lv3ql3j]

я вот заканчиваю углубленный js и перехожу на react, как я понял мы просто смотрим за автором видео и погружаемся в пучину?

[@xdayx53]

@@user-ho6lv3ql3j агась

[@tymurkr]

@@user-ho6lv3ql3jты можешь изучать хоть через видео автора, хоть через документацию, как удобнее, сказать по секрету, то и там и тут куча води, и первые 3 часа можно вложить в 1 час, и кстати, эти 3 часа из видео описаны в документации на 25 страниц, но там подробнее и больше примеров(очень больше).

[@xdayx53]

@@user-ho6lv3ql3j начал react?

[@Dendor3519]

Актуалненько! Спасибо!!!!

[@user-tf4vu9kr2z]

Ура, спасибо тебе огромное!

[@user-nc1iz5su4r]

Коммент в поддержку. За ролик спасибо. Посмотрю на выходных, хотелось бы по vue vuex подобное

[@user-lm6xk4to5v]

Супер! Спасибо Вам огромное! Логическое изложение материала и качество подхода!

[@fuckyeah2415]

Видео супер! Подскажите что за тема стоит в VS Code?

[@sultanovadurdona7045]

Здравствуйте Владилен. У меня есть вопросы касательно javaScript, то есть как вы добавляете js код в html (судя по тому что внутри div используется return), разве это не в React было возможно?

[@user-rr2gh4ox9i]

Уууиф кайф, ждал норм уроков реакт, а тут ты 😮

[@xBladetmx]

Спасибо за работу!

[@user-ti6ob6xe3j]

Владилен спасибо тебе за контент! 🤜

[@EnjoykinPlay]

Приветствую. 56:00 не совсем понял. Как ключ объекта может принять знак равенства если там двоеточия? Я не понимаю. Например в ways[1] сидит объект. Как? А за труд спасибо конечно.

[@kiki_van_gog]

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

[@ab_random]

Классный ролик, чтобы быстро вспомнить/вникнуть и подебажить имеющийся код. Спасибо!

[@NataliaVic]

Спасибо большое💜

[@tim.wonderer]

Красавчик, недавно спрашивал будет ли что-то по реакту, ты сказал да. Сдержал слово. Классно, спасибо

[@MYSOR_TV]

36:18 наверно странный вопрос, но как у тебя получилось вывести (результ юниверсити) и (тут будет время) в одной строке, у меня на разных они

[@nnni23]

Наконец то, это то что мне нужно было. Много раз пыталась запустить приложение на реакте с разных туторов и статей, не получалось, но посмотрел вас(конечно же учла свои прошлые ошибки, без этого никак) и всё получилось. Как же давно я ждала этого счастливого момента..😂

[@VladilenMinin]

Ура🥳

[@MrWerwoolf]

Надеюсь запись стрима будет, Владилен слушаю вас с удовольствием.

[@boriyxonomonxojayev3350]

спасибо огромное, очень помогли

[@ivangorshinev8311]

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

[@OTKA3]

Я с вами почти полностью согласен, но useEffect, как по мне, можно было бы объяснить получше.

[@nestromae]

Поэтому он открыл платную академию😂

[@RavenMusicNest]

@@nestromae вот-вот

[@ivangorshinev8311]

@@nestromaeповерь, стоит денег

[@ArturOganesian]

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

[@aramaslanyan4981]

Как правильно описать стили с использованием styled-components или создать их отдельными module файлов? К чему стремиться?🤔

[@yuryb.1434]

Спасибо, Владилен! Бесценный материал для новичков, таких как я ) И прекрасная подача материала. 1000 %%% респект!!!

[@tarass.lazarchuk]

Очень интересный випуск, так держать

[@romanmed9035]

для меня Владилен всегда является лучшим учителем программирования и я рад что он вернулся к своему делу.

[@user-fw9hc5lg9f]

525 лайк это мой, если что!) Коммент в поддержку автора и видео! Новичкам желаю удачи и упорства в освоении материала! 🔥

[@zxcawenka]

лучший просто! спасибо за старания

[@user-qn3lw9ub7g]

Как всегда круто!

[@user-ud6kp5my2r]

Очень нужен курс, жду!!!

[@This_is_hellwood]

Было бы интиресно услышать ещё и про работу с масивом через map.)

[@vladm3174]

Да, крутой контент, спасибо.

[@RuslanNumber1]

Учил Vue 2.0 у Владилена, курс которого был от 2018 года, затем Vue 3.0. С 2021 года и до сих пор я на этом канале и очень интересно также было посмотреть базу по реакт. После изучения одного фрэймворка, другой кажется похожим и не страшным. Спасибо за годноту.

[@dabdabdabdaya]

вам удалось устроиться на работу в айти?

[@RuslanNumber1]

​@@dabdabdabdaya Да

[@rib]

интересный стрим, надо еще базу js глянуть)

[@mewforest]

Видео крутое! Как раз хотел после Vue изучить React. Не подскажете, кстати, презентацию на чем делали?

[@VladilenMinin]

Tome.app

[@l_Chunga_l]

Спасибо за труд! Как всегда на высоте. Vite отлично работает. Но увлёкся webpack для саморазвития а также оптимизации чанков. Собрать годный контент тяжело в инете и приходится лопатить много документации. Скажи ты не планируешь контент по webpack случайно? Желательно с typescript :) Ещё раз спасибо!

[@VladilenMinin]

Есть по третей версии на канале. Но он очень похож на текущую сборку

[@user-ih9ir5ir2x]

Спасибо, интересно

[@RewCSharp]

Спасибо за урок!

[@dlazder3937]

Думаю, можно будет глянуть

[@user-yz8em9oz2h]

Мужик, спасибо тебе!!! Никогда не изучал реакт, ты бесподобно объяснил!!! Жму руку))))

[@tarass.lazarchuk]

Благодарю за контент

[@unlimitedgames8357]

НАДО БОЛЬШЕ ТЕХНИЧЕСКИХ РОЛИКОВ!!!!!

[@MacChickenBodyMaffin]

Как называется расширения автозаполнения тегов в реакте? Что бы не надо было самому скобки писать?

[@maxSamolet]

Круто. Прям классный материал. Я помню еще очень давно скачивал твои курсы с торрентов, чтобы выучиться. Денег на тот момент не хватало. Но потом, когда появился доход, чтобы отблагодарить, купил несколько курсов на udemi по моему. Было бы классно увидеть свежий подобный курс по NUXT 3 (Vue 3 compositionAPI) + TS + Pinia + Тестирование.

[@RuslanNumber1]

я тоже качал, качаю и буду качать)))

[@kerfuflekhjk2941]

@@RuslanNumber1 а откуда качаете? где можно найти

[@RuslanNumber1]

@@kerfuflekhjk2941 на торренте

[@user-in4sj3ri8j]

Лайк. Ничего не понимаю , но надо поддержать

[@TarzanDen]

Владилен здраствуйте,почему я не могу перейти по ссылке чтобы скачать исходники?

[@Ryleeto]

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

[@user-zb9qy9yc4b]

Да, спасибо, офигенно!

[@pentaura7552]

Спасибо за контент!

[@pretcb]

Более лаконичного и понятного вводного курса по React просто не найти. Реально у тебя талант делать сложное - простым и понятным. Особенно для тех кто изучал ранее python :)