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

แชร์
ฝัง
  • เผยแพร่เมื่อ 5 ม.ค. 2025

ความคิดเห็น • 70

  • @eobardmeef8166
    @eobardmeef8166 4 วันที่ผ่านมา +1

    Ты объясняешь очень понятно) Смотрю тебя уже продолжительное время. Ты очень помог мне и, думаю, еще очень многим не ломать голову своим удивительно простым объяснением сложных, по крайней мере для новичка в сфере, вещей) Пожалуйста, не прекращай выпускать ролики, ты, правда, очень помогаешь комьюнити. Сердце обливается кровью, когда вижу, что такие люди, подобные тебе, не имеют заслуженную популярность на платформе. Спасибо тебе за твой труд! :)

    • @alex_dudukalo
      @alex_dudukalo  วันที่ผ่านมา +1

      Большое спасибо за такой крутой отзыв и мнение о моей работе :) Пока что я не отношусь к этому, как к работе, это больше хобби. Надюся, в будущем смогу выйти на новый уровень. Блокировки и ограничения на ютубе немного сбили планы, но буду наверстывать. С такой поддержкой иного пути нет. Большое спасибо, я рад, что материал, который делаю Вам помогает ) Надеюсь, останетесь на канал и с интересом будете наблюдать за моей деятельностью. Постараюсь не разочаровать.

  • @ВладимирРоманов-к8о
    @ВладимирРоманов-к8о หลายเดือนก่อน

    Отличное , познавательное видео! С сборщиком webpack хотелось бы увидеть продолжение!

  • @yolilancaster2238
    @yolilancaster2238 6 หลายเดือนก่อน +7

    Александр, спасибо за старт видео по реакт! Мне очень понравилось, что вы начали со связки с js, показали все с самого начала, постепенно усложняя. Как оказалось, это была очень важная связка, которая повлияла на моё восприятие.
    Благодарю за ваш труд! Пожалуйста, продолжайте ❤

  • @ДарьяЧелюбеева-з1и
    @ДарьяЧелюбеева-з1и 6 หลายเดือนก่อน +2

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

  • @placid3495
    @placid3495 6 หลายเดือนก่อน +5

    Просто отлично! Как и всегда. Хотелось бы еще со сборщиками вариант увидеть.

    • @alex_dudukalo
      @alex_dudukalo  6 หลายเดือนก่อน +1

      Большое спасибо за ваш комментарий ) Да, обязательно сделаю видео реакт со сборщиком ))

  • @АлексейЦ-ы4я
    @АлексейЦ-ы4я 6 หลายเดือนก่อน +4

    Ждем Ваши собеседования, очень понравилось!

  • @badandr
    @badandr 6 หลายเดือนก่อน +2

    Все доступно и понятно!
    Александр благодарю за данное видео! Мне помогло!)

  • @ПавелЗайкин-э4ш
    @ПавелЗайкин-э4ш 3 หลายเดือนก่อน +1

    Большое спасибо за видео! Очень круто! Объяснили самую сердцевину React, которую так важно знать каждому новичку! Жду видос про React в контексте сборщика!
    А еще есть 3й важный термин - это хуки.
    Также по возможности прошу разобрать проектный подход в части разделения компонентов на отдельные файлы с расширением .jsx
    Удачи в вашем проекте!

    • @alex_dudukalo
      @alex_dudukalo  3 หลายเดือนก่อน

      Спасибо за такой теплый отзыв. Это очень приятно. Рад, что вы его посмотрели. Да, про хуки обязательно хочется рассказать больше и подробнее. Это основа ) Декомпозиция тоже. Про реакт есть что еще записать :) Буду над этим работать.

  • @kosmonavt980
    @kosmonavt980 4 หลายเดือนก่อน

    Спасибо огромное, Александр, очень полезное видео, пазл постепенно складывается :)))

  • @КонстантКонькин
    @КонстантКонькин 6 หลายเดือนก่อน +3

    Вот это годнота подъехала

  • @mkaushan
    @mkaushan 6 หลายเดือนก่อน +2

    На одном дыхании. Ещё!

  • @kontorasb2754
    @kontorasb2754 6 หลายเดือนก่อน +1

    Все супер, как всегда!!!
    Да, сборщик нужен, лучше если это будет vite и подробней)

    • @alex_dudukalo
      @alex_dudukalo  6 หลายเดือนก่อน

      Спасибо за комментарий. Обязательно сделаю такое видео 😇

  • @Denik-is6gi
    @Denik-is6gi 6 หลายเดือนก่อน

    Классное видео. Очень нравиться как вы подходите к объяснению той или иной темы. Спасибо вам!!

  • @Se7eN_time
    @Se7eN_time 6 หลายเดือนก่อน +3

    Урраа 🎉 спасибо ! Теперь будем ждать продвинутый Js )

    • @alex_dudukalo
      @alex_dudukalo  6 หลายเดือนก่อน +3

      :)) Cпасибо. Первый ролик второй части курса уже почти готов. Скоро будет на канале. Надеюсь, вам понравится :)

    • @japancars190
      @japancars190 6 หลายเดือนก่อน

      ​@@alex_dudukaloУрааа, жду не дождусь второй части. А сколько частей будет джаваскрипту?

  • @СтаниславГорячев-г1ъ
    @СтаниславГорячев-г1ъ 6 หลายเดือนก่อน

    Спасибо, Александр
    Посмотрел на одном дыхании

  • @АлексейАлексеев-к1ю2ж
    @АлексейАлексеев-к1ю2ж 6 หลายเดือนก่อน +1

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

    • @avelo895
      @avelo895 6 หลายเดือนก่อน

      Однозначно поддерживаю.

    • @alex_dudukalo
      @alex_dudukalo  6 หลายเดือนก่อน +1

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

  • @KachinVictor
    @KachinVictor 6 หลายเดือนก่อน

    Спасибо за видео и подробное объяснение. Именно с такого ракурса должно начинаться понимание React-а. "Вон оно чё, Михалыч!" (с)

  • @relaxdeepsleepmusic3608
    @relaxdeepsleepmusic3608 6 หลายเดือนก่อน

    Узнал много нового, и да , это первое виде про реакт которое я посмотрел. Спасибо Александр)

  • @СтаниславГорячев-г1ъ
    @СтаниславГорячев-г1ъ 6 หลายเดือนก่อน

    Было бы здорово увидеть ваш мастер класс по реакту на примере возможно todo list

  • @АлексейЦ-ы4я
    @АлексейЦ-ы4я 6 หลายเดือนก่อน +2

    Сделайте, плиз небольшие задачки, чтобы можно было попрактиковаться. Было бы полезно. Еще раз спасибо!

  • @anastasiaSS1995
    @anastasiaSS1995 6 หลายเดือนก่อน

    Шик! 🎉потрясающе 🤌🏻
    Запускайте уже свои платные онлайн курсы 😊

  • @maks0nn
    @maks0nn 6 หลายเดือนก่อน +1

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

  • @nikolajlesnikov6381
    @nikolajlesnikov6381 6 หลายเดือนก่อน

    Привет. Спасибо за видео. Если не сложно, можно следующее видео на сборщике vite. Спасибо.

  • @my_soulplaylist
    @my_soulplaylist 6 หลายเดือนก่อน

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

  • @виталийбельдий-в1ц
    @виталийбельдий-в1ц 6 หลายเดือนก่อน +3

    жду следующий видеоурок по зборщику vite

  • @alonewolf2610
    @alonewolf2610 6 หลายเดือนก่อน

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

  • @talkhinr
    @talkhinr 6 หลายเดือนก่อน

    О клёво как раз искал информацию

  • @vikholovanev5422
    @vikholovanev5422 6 หลายเดือนก่อน +9

    Александр! Вы лучший!!!! теперь хоть что то понятно в отличии от уроков на SkillBox. Лучше бы вы сделали этот курс, на понятном, русском языке. А то чему меня там учат я не понимаю вообще. Мне приходится изучать всю информацию дополнительно можно сказать с нуля. Всё что я смотрю там на курсах так это только что нужно учить и в какой последовательности, потом изучаю самостоятельно. Так сказать использую как road-map. А у вас в видео со старта понятно что реакт вообще делает. Я ещё не досмотрел до конца, но надеюсь там будет про хуки, а если не будет, было бы не плохо такой же ролик на понятном, человеческом языке про хуки. Спасибо!

    • @avelo895
      @avelo895 6 หลายเดือนก่อน +3

      Аналогично про Vue. У Александра уже есть одно видео про Vue. Нужно ещё. И про React мой друг, который проходит этот курс на Skillbox, тоже пишет, что страдает.... Александр, выручайте. Благодарим.

    • @alex_dudukalo
      @alex_dudukalo  6 หลายเดือนก่อน +3

      Спасибо большое за такой развернутый комментарий! Мне очень приятно, что вам понравилось начало видео. Надеюсь, что в финале вы не разочаруетесь, ведь я показываю базу React, возможно вы ожидаете более детального разбора. В этом ролике я рассказываю только о useState, чтобы не перегружать вводный материал. Обязательно планирую сделать отдельное видео про другие хуки и их использование, чтобы продолжить помогать вам и другим зрителям в изучении React.

    • @sergius_yo
      @sergius_yo 6 หลายเดือนก่อน

      Да, согласен с вами. Преподаватель на skillbox это просто катастрофа. Спасибо ютубу и Александру, что выпустил этот ролик. Александр, Вы нас выручаете , как всегда!!!

    • @ВиталийБабаджанян-в9м
      @ВиталийБабаджанян-в9м 6 หลายเดือนก่อน +2

      Спасибо за видео. ВСЕ максмально понятно. Успехов вам Александр во всех ваших начинаниях. Вы должны понимать и знать, что благодаря Вашим видео, Вы делаете Нас счастливее и здоровее)))) Ведь нервы- это залог здаровья)))

    • @vikholovanev5422
      @vikholovanev5422 6 หลายเดือนก่อน

      @@alex_dudukalo Да это я больше писал о полезности ваших видео. Конечно большое спасибо. Но я хочу отметь то какие они полезные. Им можно сказать цены нет. Подобных объяснений на человеческом языке можно по пальцам посчитать. Видео на самом деле всяких много и про тот же реакт их тысячи. Полезных нет. Благодаря вам они появляются. Спасибо!

  • @dontexist7039
    @dontexist7039 6 หลายเดือนก่อน +1

    Здравствуйте, Александр. Спасибо за Ваши уроки, нахожу их очень интересными. Подписан на Вас и на ютубе и в телеграме. Так как Вы довольно понятно объясняете, могу я задать Вам пару вопросов как к профессионалу? Основная функция библиотек и фреймворков - это ускоренная работа веб-сайта или приложения, путем перерисовки страниц, чтобы не плодить их десятками в html? Или не страниц, а определенных блоков. Например, если разработчик создает интернет магазин, и он пишет на html js, то после добавления, допустим, 300 товаров, сайт начнет зависать, а если бы он написал на react, то смог бы добавить и 3.000 без сильной нагрузки? Цифры примерные, для разницы. И, скажите, пожалуйста, если знаете, наличие тех же товаров, или карточек на сайте производительнее будет держать в массиве в js, чем в разметке html, или разницы нет? Заранее большое спасибо за ответ

    • @alex_dudukalo
      @alex_dudukalo  6 หลายเดือนก่อน

      Спасибо вам за ваш отзыв о моей работе и приятные слова :) Рад, что вы подписаны и смотрите видео. Я для этого стараюсь.
      Я бы выделил 2 основных задачи, которые решает React или фреймвоки:
      1) Ускорение процесса разработки, стандартизируя компоненты, что делает командрую разработку более удобной. + На реакте быстрее создавать элементы интерфейса.
      2) Да, действительно реакт ускоряет работу сайта, а именно его отрисову в динамике. Это происходит за счет внутреннего устройства обновления DOM. Все это нужно для быстрого рендеринга. Когда на сайте что то меняется, это будет происходить чуть быстрее :)

  • @boris_blade_666
    @boris_blade_666 2 หลายเดือนก่อน +1

    Бро подскажи какой у тебя редактор кода ? Такой можно на Линукс Минт поставить?

    • @alex_dudukalo
      @alex_dudukalo  2 หลายเดือนก่อน

      Я использую VS Code. code.visualstudio.com/Download
      Да, для Линукса он есть ) Можно уверенно ставить )

  • @knakkes9236
    @knakkes9236 6 หลายเดือนก่อน

    От души рахмет🤝

  • @khazarasp
    @khazarasp 6 หลายเดือนก่อน +1

    👍

  • @VasiJKeee
    @VasiJKeee 6 หลายเดือนก่อน +1

    а есть видео где рассказывается про сборщик
    и зачем вообще оно надо? 😀

  • @igorwagner7176
    @igorwagner7176 3 หลายเดือนก่อน

    спасибо за видео

  • @a_mi13
    @a_mi13 6 หลายเดือนก่อน

    привет, можешь сделать видос как добавлять какую-нибудь платежную систему к сайту с помощью реакта? думаю многим будет интересно, а главное, понятно.

  • @Самал-2д.78
    @Самал-2д.78 4 หลายเดือนก่อน

    Здравствуйте. В консоли - ReferenceError: ReactDom is not defined . Как исправить?

    • @alex_dudukalo
      @alex_dudukalo  4 หลายเดือนก่อน

      Здравствуйте, скорее всего вы подключили раннюю (старую) версию реакт. Попробуйте сравнить версию реакт в теге , которую подключаю я и которую подключили вы :)

  • @АлексейЦ-ы4я
    @АлексейЦ-ы4я 6 หลายเดือนก่อน

    СпасИБО!!!

  • @КонстантКонькин
    @КонстантКонькин 6 หลายเดือนก่อน

    Завтра гляну

  • @KachinVictor
    @KachinVictor 6 หลายเดือนก่อน

    В самом начале, после создания Кнопки 2 (9-я минута) в консоли: TypeError: ReactDOM.createRoot is not a function

    • @KachinVictor
      @KachinVictor 6 หลายเดือนก่อน

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

    • @alex_dudukalo
      @alex_dudukalo  6 หลายเดือนก่อน +1

      Скорее всего вы подключили старую версию реакт. Проверьте, 18ю версию ли вы подключаете? Это можно посмотреть в путях скриптов подключения.

    • @KachinVictor
      @KachinVictor 6 หลายเดือนก่อน +1

      @@alex_dudukalo Все так. Исправил. Спасибо!

    • @alex_dudukalo
      @alex_dudukalo  6 หลายเดือนก่อน +1

      @@KachinVictor Рад, что получилось разобраться :)

  • @megabulk
    @megabulk 6 หลายเดือนก่อน

    Всегда хотел посмотреть, как именно таким способом подключать React.

  • @morismustanger6095
    @morismustanger6095 6 หลายเดือนก่อน

    давай больше по реакт)

    • @alex_dudukalo
      @alex_dudukalo  6 หลายเดือนก่อน

      Обязательно запишу еще видео п реакт, судя по реакции в комментарии, тема востребована :) Спасибо

  • @morismustanger6095
    @morismustanger6095 6 หลายเดือนก่อน +1

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

    • @alex_dudukalo
      @alex_dudukalo  6 หลายเดือนก่อน

      Мне приятно читать такие комментарии ) Спасибо вам ))

  • @Uncaught_in_promise
    @Uncaught_in_promise 6 หลายเดือนก่อน

    давай вит сборщик

  • @user-evgeIIIa
    @user-evgeIIIa 6 หลายเดือนก่อน +1

    Всё круто и интересно, но вообще не понятно как это используется в реальной жизни

    • @alex_dudukalo
      @alex_dudukalo  6 หลายเดือนก่อน

      Хороший вопрос, ответ на который требует отдельного ролика с расширенной практикой ) Уже продумываю план видео. Спасибо за ваш комментарий :)