Тёмный

Основы React простым языком для новичков 

Александр Дудукало
Подписаться 19 тыс.
Просмотров 4,1 тыс.
50% 1

Вводный урок по JavaScript-билиотеке React для новичков. В этом видео я простым доступным языком показываю, как создавать и настраивать React-элементы. Рассказываю о JSX и добавлении компонентов.
👁‍🗨 Телеграм с исходниками: t.me/frontend_du2
👁‍🗨 Discord: / discord
👁‍🗨 VK: frontend
👁‍🗨 Дзен: dzen.ru/frontend
👁‍🗨 Rutube: rutube.ru/u/fr...

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

 

21 сен 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 64   
@placid3495
@placid3495 3 месяца назад
Просто отлично! Как и всегда. Хотелось бы еще со сборщиками вариант увидеть.
@alex_dudukalo
@alex_dudukalo 3 месяца назад
Большое спасибо за ваш комментарий ) Да, обязательно сделаю видео реакт со сборщиком ))
@ДарьяЧелюбеева-з1и
@ДарьяЧелюбеева-з1и 3 месяца назад
Жду продолжения. Хорошая подача, с объяснением мелочей, которые многие пропускают, а без их понимания создавать что-либо сложно
@yolilancaster2238
@yolilancaster2238 3 месяца назад
Александр, спасибо за старт видео по реакт! Мне очень понравилось, что вы начали со связки с js, показали все с самого начала, постепенно усложняя. Как оказалось, это была очень важная связка, которая повлияла на моё восприятие. Благодарю за ваш труд! Пожалуйста, продолжайте ❤
@kosmonavt980
@kosmonavt980 14 дней назад
Спасибо огромное, Александр, очень полезное видео, пазл постепенно складывается :)))
@vikholovanev5422
@vikholovanev5422 3 месяца назад
Александр! Вы лучший!!!! теперь хоть что то понятно в отличии от уроков на SkillBox. Лучше бы вы сделали этот курс, на понятном, русском языке. А то чему меня там учат я не понимаю вообще. Мне приходится изучать всю информацию дополнительно можно сказать с нуля. Всё что я смотрю там на курсах так это только что нужно учить и в какой последовательности, потом изучаю самостоятельно. Так сказать использую как road-map. А у вас в видео со старта понятно что реакт вообще делает. Я ещё не досмотрел до конца, но надеюсь там будет про хуки, а если не будет, было бы не плохо такой же ролик на понятном, человеческом языке про хуки. Спасибо!
@avelo895
@avelo895 3 месяца назад
Аналогично про Vue. У Александра уже есть одно видео про Vue. Нужно ещё. И про React мой друг, который проходит этот курс на Skillbox, тоже пишет, что страдает.... Александр, выручайте. Благодарим.
@alex_dudukalo
@alex_dudukalo 3 месяца назад
Спасибо большое за такой развернутый комментарий! Мне очень приятно, что вам понравилось начало видео. Надеюсь, что в финале вы не разочаруетесь, ведь я показываю базу React, возможно вы ожидаете более детального разбора. В этом ролике я рассказываю только о useState, чтобы не перегружать вводный материал. Обязательно планирую сделать отдельное видео про другие хуки и их использование, чтобы продолжить помогать вам и другим зрителям в изучении React.
@sergius_yo
@sergius_yo 3 месяца назад
Да, согласен с вами. Преподаватель на skillbox это просто катастрофа. Спасибо ютубу и Александру, что выпустил этот ролик. Александр, Вы нас выручаете , как всегда!!!
@ВиталийБабаджанян-в9м
Спасибо за видео. ВСЕ максмально понятно. Успехов вам Александр во всех ваших начинаниях. Вы должны понимать и знать, что благодаря Вашим видео, Вы делаете Нас счастливее и здоровее)))) Ведь нервы- это залог здаровья)))
@vikholovanev5422
@vikholovanev5422 3 месяца назад
@@alex_dudukalo Да это я больше писал о полезности ваших видео. Конечно большое спасибо. Но я хочу отметь то какие они полезные. Им можно сказать цены нет. Подобных объяснений на человеческом языке можно по пальцам посчитать. Видео на самом деле всяких много и про тот же реакт их тысячи. Полезных нет. Благодаря вам они появляются. Спасибо!
@ПавелЗайкин-э4ш
@ПавелЗайкин-э4ш 7 дней назад
Большое спасибо за видео! Очень круто! Объяснили самую сердцевину React, которую так важно знать каждому новичку! Жду видос про React в контексте сборщика! А еще есть 3й важный термин - это хуки. Также по возможности прошу разобрать проектный подход в части разделения компонентов на отдельные файлы с расширением .jsx Удачи в вашем проекте!
@alex_dudukalo
@alex_dudukalo 7 дней назад
Спасибо за такой теплый отзыв. Это очень приятно. Рад, что вы его посмотрели. Да, про хуки обязательно хочется рассказать больше и подробнее. Это основа ) Декомпозиция тоже. Про реакт есть что еще записать :) Буду над этим работать.
@badandr
@badandr 3 месяца назад
Все доступно и понятно! Александр благодарю за данное видео! Мне помогло!)
@kontorasb2754
@kontorasb2754 2 месяца назад
Все супер, как всегда!!! Да, сборщик нужен, лучше если это будет vite и подробней)
@alex_dudukalo
@alex_dudukalo 2 месяца назад
Спасибо за комментарий. Обязательно сделаю такое видео 😇
@Se7eN_time
@Se7eN_time 3 месяца назад
Урраа 🎉 спасибо ! Теперь будем ждать продвинутый Js )
@alex_dudukalo
@alex_dudukalo 3 месяца назад
:)) Cпасибо. Первый ролик второй части курса уже почти готов. Скоро будет на канале. Надеюсь, вам понравится :)
@japancars190
@japancars190 3 месяца назад
​@@alex_dudukaloУрааа, жду не дождусь второй части. А сколько частей будет джаваскрипту?
@КонстантКонькин
@КонстантКонькин 3 месяца назад
Вот это годнота подъехала
@АлексейЦ-ы4я
@АлексейЦ-ы4я 3 месяца назад
Ждем Ваши собеседования, очень понравилось!
@АлексейАлексеев-к1ю2ж
Спасибо за видео, ждем продвинутый курс по JS.
@avelo895
@avelo895 3 месяца назад
Однозначно поддерживаю.
@alex_dudukalo
@alex_dudukalo 3 месяца назад
Спасибо вам за комментарий. Первый ролик уже готовится к выходу, надеюсь вы оцените :)
@виталийбельдий-в1ц
@виталийбельдий-в1ц 3 месяца назад
жду следующий видеоурок по зборщику vite
@mkaushan
@mkaushan 3 месяца назад
На одном дыхании. Ещё!
@maks0nn
@maks0nn 3 месяца назад
Основа основ, жду продолжения, ведь в текущее время без фреймворков ни куда
@Denik-is6gi
@Denik-is6gi 3 месяца назад
Классное видео. Очень нравиться как вы подходите к объяснению той или иной темы. Спасибо вам!!
@my_soulplaylist
@my_soulplaylist 2 месяца назад
Спасибо за урок!
@KachinVictor
@KachinVictor 3 месяца назад
Спасибо за видео и подробное объяснение. Именно с такого ракурса должно начинаться понимание React-а. "Вон оно чё, Михалыч!" (с)
@СтаниславГорячев-г1ъ
@СтаниславГорячев-г1ъ 3 месяца назад
Спасибо, Александр Посмотрел на одном дыхании
@relaxdeepsleepmusic3608
@relaxdeepsleepmusic3608 3 месяца назад
Узнал много нового, и да , это первое виде про реакт которое я посмотрел. Спасибо Александр)
@СтаниславГорячев-г1ъ
@СтаниславГорячев-г1ъ 3 месяца назад
Было бы здорово увидеть ваш мастер класс по реакту на примере возможно todo list
@khazarasp
@khazarasp 3 месяца назад
👍
@АлексейЦ-ы4я
@АлексейЦ-ы4я 3 месяца назад
Сделайте, плиз небольшие задачки, чтобы можно было попрактиковаться. Было бы полезно. Еще раз спасибо!
@megabulk
@megabulk 3 месяца назад
Всегда хотел посмотреть, как именно таким способом подключать React.
@nikolajlesnikov6381
@nikolajlesnikov6381 2 месяца назад
Привет. Спасибо за видео. Если не сложно, можно следующее видео на сборщике vite. Спасибо.
@anastasiaSS1995
@anastasiaSS1995 3 месяца назад
Шик! 🎉потрясающе 🤌🏻 Запускайте уже свои платные онлайн курсы 😊
@АлексейАлексеев-к1ю2ж
Я бы пошел на эти курсы.
@talkhinr
@talkhinr 3 месяца назад
О клёво как раз искал информацию
@alonewolf2610
@alonewolf2610 3 месяца назад
Спасибо за труд
@knakkes9236
@knakkes9236 3 месяца назад
От души рахмет🤝
@КонстантКонькин
@КонстантКонькин 3 месяца назад
Завтра гляну
@АлексейЦ-ы4я
@АлексейЦ-ы4я 3 месяца назад
СпасИБО!!!
@dontexist7039
@dontexist7039 2 месяца назад
Здравствуйте, Александр. Спасибо за Ваши уроки, нахожу их очень интересными. Подписан на Вас и на ютубе и в телеграме. Так как Вы довольно понятно объясняете, могу я задать Вам пару вопросов как к профессионалу? Основная функция библиотек и фреймворков - это ускоренная работа веб-сайта или приложения, путем перерисовки страниц, чтобы не плодить их десятками в html? Или не страниц, а определенных блоков. Например, если разработчик создает интернет магазин, и он пишет на html js, то после добавления, допустим, 300 товаров, сайт начнет зависать, а если бы он написал на react, то смог бы добавить и 3.000 без сильной нагрузки? Цифры примерные, для разницы. И, скажите, пожалуйста, если знаете, наличие тех же товаров, или карточек на сайте производительнее будет держать в массиве в js, чем в разметке html, или разницы нет? Заранее большое спасибо за ответ
@alex_dudukalo
@alex_dudukalo 2 месяца назад
Спасибо вам за ваш отзыв о моей работе и приятные слова :) Рад, что вы подписаны и смотрите видео. Я для этого стараюсь. Я бы выделил 2 основных задачи, которые решает React или фреймвоки: 1) Ускорение процесса разработки, стандартизируя компоненты, что делает командрую разработку более удобной. + На реакте быстрее создавать элементы интерфейса. 2) Да, действительно реакт ускоряет работу сайта, а именно его отрисову в динамике. Это происходит за счет внутреннего устройства обновления DOM. Все это нужно для быстрого рендеринга. Когда на сайте что то меняется, это будет происходить чуть быстрее :)
@morismustanger6095
@morismustanger6095 3 месяца назад
давай больше по реакт)
@alex_dudukalo
@alex_dudukalo 3 месяца назад
Обязательно запишу еще видео п реакт, судя по реакции в комментарии, тема востребована :) Спасибо
@VasiJKeee
@VasiJKeee 3 месяца назад
а есть видео где рассказывается про сборщик и зачем вообще оно надо? 😀
@a_mi13
@a_mi13 2 месяца назад
привет, можешь сделать видос как добавлять какую-нибудь платежную систему к сайту с помощью реакта? думаю многим будет интересно, а главное, понятно.
@morismustanger6095
@morismustanger6095 3 месяца назад
где же вы были раньше? почему нигде так не учат, это же все проясняет, мдаа...
@alex_dudukalo
@alex_dudukalo 3 месяца назад
Мне приятно читать такие комментарии ) Спасибо вам ))
@Самал-2д.78
@Самал-2д.78 Месяц назад
Здравствуйте. В консоли - ReferenceError: ReactDom is not defined . Как исправить?
@alex_dudukalo
@alex_dudukalo Месяц назад
Здравствуйте, скорее всего вы подключили раннюю (старую) версию реакт. Попробуйте сравнить версию реакт в теге , которую подключаю я и которую подключили вы :)
@KachinVictor
@KachinVictor 3 месяца назад
В самом начале, после создания Кнопки 2 (9-я минута) в консоли: TypeError: ReactDOM.createRoot is not a function
@KachinVictor
@KachinVictor 3 месяца назад
....а дальше было уже бесполезно что-то пытаться делать.... повторял символ в символ! где моя ошибка?
@alex_dudukalo
@alex_dudukalo 3 месяца назад
Скорее всего вы подключили старую версию реакт. Проверьте, 18ю версию ли вы подключаете? Это можно посмотреть в путях скриптов подключения.
@KachinVictor
@KachinVictor 3 месяца назад
@@alex_dudukalo Все так. Исправил. Спасибо!
@alex_dudukalo
@alex_dudukalo 3 месяца назад
@@KachinVictor Рад, что получилось разобраться :)
@user-evgeIIIa
@user-evgeIIIa 3 месяца назад
Всё круто и интересно, но вообще не понятно как это используется в реальной жизни
@alex_dudukalo
@alex_dudukalo 3 месяца назад
Хороший вопрос, ответ на который требует отдельного ролика с расширенной практикой ) Уже продумываю план видео. Спасибо за ваш комментарий :)
@BMikel
@BMikel 3 месяца назад
давай вит сборщик
Далее
Крутой фокус + секрет! #shorts
00:10
Unique deep painful back massage for Lisa #chiropractor
00:11
Крутой фокус + секрет! #shorts
00:10