React JS фундаментальный курс от А до Я

Поделиться
HTML-код
  • Опубликовано: 4 июн 2024
  • React Полный курс от А до Я. Рассмотрим основные концепции и разработаем функционал, который встречается в каждом приложении.
    Мой курс "Продвинутый Frontend. В production на React" - ulbitv.ru/frontend
    Ссылка на исходный код (git) здесь - t.me/ulbi_tv/23
    Таймкоды:
    00:00 ➝ Введение
    03:15 ➝ Теория
    11:40 ➝ Начало разработки. Создание проекта
    16:10 ➝ Что такое JSX?
    18:11 ➝ Компонент App. Работа с состоянием. UseState
    22:25 ➝ Управляемый инпут
    24:07 ➝ Первый функциональный компонент
    26:40 ➝ Первый классовый компонент
    30:25 ➝ Что такое хуки? useState, useEffect
    31:10 ➝ Стили. CSS. Классы
    34:30 ➝ Props. Аргументы компонента.
    36:55 ➝ Работы со списками. Преобразование массива объектов в массив React элементов
    41:50 ➝ Форма создания поста. Управляемые и неуправляемые компоненты
    42:30 ➝ Создание UI библиотеки. Первые компоненты. CSS модули. Пропс children
    50:00 ➝ Предотвращаем обновление страницы при submit формы
    50:45 ➝ хук useRef. Доступ к DOM элементу. Неуправляемый компонент
    57:35 ➝ React Devtools. Инструменты разработчика React
    59:15 ➝ Обмен данными между компонентами. От родителя к ребенку. От ребенка к родителю.
    01:04:20 ➝ Отрисовка по условию
    01:05:30 ➝ Сортировка. Выпадающий список
    01:12:00 ➝ Поиск. Фильтрация.
    01:15:10 ➝ useMemo. Мемоизация. Кеширование
    01:23:50 ➝ Модальное окно. Переиспользуемый UI компонент
    01:30:23 ➝ Анимации. React transition group
    01:33:40 ➝ Декомпозиция. Кастомные хуки
    01:36:20 ➝ Работа с сервером. Axios
    01:38:40 ➝ Жизненный цикл компонента. useEffect
    01:43:08 ➝ API. PostService
    01:44:45 ➝ Индикация загрузки данных с сервера
    01:46:20 ➝ Компонент Loader. Анимации
    01:49:25 ➝ Кастомный хук useFetching(). Обработка ошибок
    01:54:15➝ Постраничный вывод. Пагинация (pagination)
    02:06:20 ➝ Обьяснение механизма изменения состояния
    02:12:00 ➝ React router. Постраничная навигация. BrowserRouter, Route, Switch, Redirect
    02:22:00 ➝ Динамическая навигация. useHistory, useParams
    02:29:30 ➝ Загрузка комментариев к посту
    02:33:10 ➝ Улучшаем навигацию. Приватные и публичные маршруты
    02:38:00 ➝ useContext. Глобальные данные. Авторизация пользователя
    02:47:10 ➝ Бесконечная лента. Динамическая пагинация. useObserver
    02:58:40 ➝ План на дальнейшее обучение. Ставим лайки и пишем комментарии :)
    Мой канал в telegram и канал для общения подписчиков - t.me/ulbi_tv
    Поддержать меня и мой канал вы можете по ссылкам ниже.
    Patreon/boosty (доступ к бонусам) - boosty.to/ulbitv
    Qiwi кошелек - qiwi.com/n/BODYE821
    Яндекс деньги - yoomoney.ru/to/4100116193037469
  • НаукаНаука

Комментарии • 5 тыс.

  • @user-sb7gq3os8x
    @user-sb7gq3os8x 4 месяца назад +233

    лайк, кто смотрит в 2024)
    курс пушка-бомба!!!

  • @user-jt7wb3zc1m
    @user-jt7wb3zc1m 2 года назад +1392

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

    • @UlbiTV
      @UlbiTV  2 года назад +59

      Спасибо)

    • @user-mm3sd3uh6y
      @user-mm3sd3uh6y 2 года назад +6

      @@UlbiTV чет не понял. а редакс где? без flux-ориентированной библы это все чуть менее чем бесполезные игрушки

    • @UlbiTV
      @UlbiTV  2 года назад +50

      @@user-mm3sd3uh6y какие глупости)) кто вам такое сказал?

    • @AlexanderOsnovnoi
      @AlexanderOsnovnoi 2 года назад +32

      @@user-mm3sd3uh6y С какой стати? Реакт движется к тому, чтобы стать полностью самостоятельной библиотекой, без сторонних State Management систем. Разработчики отказываются от классовых компонент, добавляют хуки, это всё шаги к самостоятельности и обособленности от других фреймворков платформы

    • @digitalturkistan1857
      @digitalturkistan1857 2 года назад +10

      @@UlbiTV он классные слово знает

  • @user-pp4td4hs1t
    @user-pp4td4hs1t Год назад +80

    если кто дошел до BrowserRouter, то теперь делают вот так:

    • @infindery
      @infindery 24 дня назад +1

      Спасибо

    • @EvilYou
      @EvilYou 16 дней назад

      А вот как можно делать редирект:

  • @dr1m_o_o
    @dr1m_o_o 10 месяцев назад +270

    Тем, кто делает сейчас. useHistory убрали, вместо него вы можете использовать useNavigate
    Было const router = useHistory()
    Стало const router = useNavigate()
    Далее, router.push('/path') меняем на router('/path')
    router.replace('/path') меняем на router('/path', {replace: true})
    Если вы хотите использовать state, используйте router('/path', { state: { name:'Xyz' }})

    • @saturnbeats8286
      @saturnbeats8286 8 месяцев назад +2

      Вы просто лучший! Спасибо большое

    • @user-ib5ml1vz5r
      @user-ib5ml1vz5r 8 месяцев назад +4

      Также, теперь не нужно всегда импортировать React в файлы компонентов

    • @saturnbeats8286
      @saturnbeats8286 8 месяцев назад

      @@user-ib5ml1vz5r импортировать теперь React только в App.js?

    • @illam-saiv
      @illam-saiv 7 месяцев назад +1

      Вообще, со времени записи видео React Router обновился до v6, и там изменения очень серьёзные. Пропала обратная совместимость

    • @gfhitdxaahn
      @gfhitdxaahn 7 месяцев назад

      @@illam-saiv И многое из представленного в видео изменилось? Просто думаю проходить этот курс. Насколько он актуальный?

  • @user-xv8ud3kq9e
    @user-xv8ud3kq9e 2 года назад +78

    Оставляю комментарий поддержки

  • @user-ei3bu7pl2n
    @user-ei3bu7pl2n 2 года назад +29

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

    • @UlbiTV
      @UlbiTV  2 года назад +10

      Как бальзам на душу такие слова:)

  • @co181
    @co181 Год назад +315

    Если кто-то собрался смотреть это видео с полного 0 не тратьте время!, для того чтобы получить максимальную пользу выполните следующее:
    1- поймите JS любым способом на хорошем уровне
    2- Пройдите любой курс по REACT (плохой/хороший долгий/быстрый не важно
    3- Приступайте к этому видео и после просмотра каждой темы останавливайте видео пытайтесь сделать сами, гуглите подглядывайте обратно в видео если не получается сделать и так весь курс до победного конца (займет это все примерно от 10 часов до 20)
    4- Поздравляю вы знаете и умеете в REACT
    Если начнете смотреть сразу с 0 без базовых знаний, вы просто не поймете на сколько крутой этот курс.
    Автору здоровья и большое спасибо! Прошел этот курс и наконец почувствовал уверенность в своих силах в REACT

    • @nothing54999
      @nothing54999 Год назад

      @Google Account freeCodeCamp, кайфуй.

    • @palkan2590
      @palkan2590 Год назад +1

      спасибо!

    • @questionsanswer6293
      @questionsanswer6293 Год назад +1

      Я думаю любому понятно что начинать нужно основ JS не совсем понял про курс React вы говорите про платные курсы? На них нет денег

    • @co181
      @co181 Год назад

      @@questionsanswer6293 любой который сможешь найти( на ютубе полно), пройди его тебе будет ничего непонятно но потом когда начнешь смотреть этот курс все встанет на свои места

    • @Andrey-Nechaev
      @Andrey-Nechaev Год назад +3

      И не забудьте к этим 10-20 часам прибавить время на освоение JS на хорошем уровне.

  • @sentisie9013
    @sentisie9013 3 месяца назад +8

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

  • @user-hd7mi3tj5r
    @user-hd7mi3tj5r 2 года назад +378

    Огромное спасибо автору!!! Проходил React на курсах и много из видео знаю, но твои примеры и советы помогают сложить пазл из каши полученных знаний если не до конца , то на огромный процент!!! Надеюсь ты простишь новичка за некоторые исправления твоего видео))))
    1. Вместо switch теперь необходимо использовать Routes;
    2. useHistory убрали в router-dom v6 и заменили на useNavige, в котором по умолчанию исп-ся push
    3.exact не нужен теперь
    4. в route исп-ся теперь element c указанием компонента, вместо component
    5.у тебя в видео при рендере массива роутов идет component={route.component} ; у меня рендер массива роутов заработал только после указания в скобках element={}
    6.Redirect тоже убрали вместо него нужно исп-ть Route с переданным в element модуля ,
    пример с моего кода( ))
    Еще раз - автор не злись))) может кому-нибудь пригодится

    • @Grentanksmog
      @Grentanksmog 2 года назад +8

      Спасибо! Ваш комментарий очень пригодился. Про Routes я нашёл на оф.сайте React Router, но вот про useHistory найти не смог.

    • @yzk970
      @yzk970 2 года назад

      Спасибо!

    • @user-dv2to2mz9j
      @user-dv2to2mz9j 2 года назад +3

      5 пункт, меня изрядно помучал, долго не мог найти решения

    • @anatoliytyz3290
      @anatoliytyz3290 2 года назад +2

      за 5-й пункт огромное спасибо, 2 часа искал ответ, а нашёл тут

    • @johnwimbley24
      @johnwimbley24 2 года назад +2

      А с чего вы начинали изучать программирование?
      Можно с нуля начинать react сразу?

  • @user-gt8bz2so5i
    @user-gt8bz2so5i Год назад +147

    Поверь не могу, что люди могут делать столько добра и пользы, сколько в этом курсе. Я в шоке. У тебя какая-то поразительная грамотность в речи, а ход мыслей и уверенность просто впечатляют. Очень круто! Пример!

  • @sanchopansa8956
    @sanchopansa8956 Год назад +57

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

    • @UlbiTV
      @UlbiTV  Год назад +7

      🙏🤝❤️

  • @user-ye4vw3tg6v
    @user-ye4vw3tg6v Год назад +2

    Спасибо за такой огромный труд, за этот курс. Действительно, здесь все только самое нужное. Выражаю тебе невероятнейшую благодарность!🙏

  • @interpol2138
    @interpol2138 Год назад +29

    Автор лучший! Огромная работа, разбирался в каждой строчке. Спасибо больше!
    Так же в связи с датой выхода ролика, помощь молодым выкатываю ниже
    36:50
    Изменены props и теперь могут выглядит так:
    Если у кого проблема с Route/react-router v6 то теперь нужно писать так:
    2:15:18
    2:19:27
    Вместо используется
    2:20:51
    Вместо использовал
    2:23:05 (Вместо useHistory() теперь используется useNavigate()
    const navigate = useNavigate()
    function transitToPost(id) {
    navigate(`/posts/${id}`, { replace: true })
    }
    //
    transitToPost(props.post.id)}>
    Открыть

    2:25:09
    Пропс exact больше не нужен
    2:34:49(Работа с декомпозицией файлов):AppRouter.jsx
    return (

    {routes.map(route =>

    )}

    )
    И файлом router.js У автора это файл по пути ../src/Router/index.js
    export const routes = [
    { path: "/about", element: , exact: true },
    { path: "/posts", element: , exact: true },
    { path: "/posts/:id", element: , exact: true },
    { path: "/", element: , exact: true },
    { path: "*", element: , exact: true },
    ];

    • @user-gy5lg4vp9i
      @user-gy5lg4vp9i Год назад +1

      Ещё не начал смотреть видос, но уже наткнулся на решение) От души

    • @user-gt3wg1qk8k
      @user-gt3wg1qk8k Год назад

      подскажите плз, может чтото изменилось, почему у меня не работает e.preventDefault(), когда пытаюсь поправить кнопку чтоб страница не обновлялась? (50:29)

    • @user-tv2tw9tu4i
      @user-tv2tw9tu4i Год назад

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

    • @fentan6806
      @fentan6806 Год назад

      Ты святой

    • @user-hl1dr1ov7c
      @user-hl1dr1ov7c Год назад

      @@user-gt3wg1qk8k нашел решение?

  • @user-nc1nl8ph2s
    @user-nc1nl8ph2s Год назад +26

    "если ты досмотрел этот ролик до конца, ты молодец и у тебя всё получится!" тут я чуть не прослезилась) спасибо!

  • @endfine9230
    @endfine9230 Месяц назад +3

    Какой же этот курс мощный, сегодня начал использовать всё что выучил на курсе и это прям вау, не представляю насколько тогда офигенен 'Продвинутый Frontend'

  • @user-hz8fh4iw5q
    @user-hz8fh4iw5q Год назад +1

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

  • @selfishhsifles4536
    @selfishhsifles4536 2 года назад +230

    Для VScode rsc можно заменить расширением "ES7 React/Redux/GraphQL/React-Native snippets" и ввести вместо rsc "rafce"

  • @learningit2572
    @learningit2572 Год назад +698

    Досмотрел до конца , все повторил за тобой, еще много чего не понятно. Потратил так же около 30 часов. Огромная благодарность. Ты сделал большое дело. Сейчас у нас в Украине вакансий практически нет, но мы не унываем продолжаем учится и молимся что бы настал МИР! Ценю твой труд, очень при очень благодарен тебе

    • @igorekupaev1134
      @igorekupaev1134 Год назад +111

      Все наладится, друг. Как минимум потому что всегда плохо быть не может. Я из России, все люди - люди:)

    • @tishkafocovv8723
      @tishkafocovv8723 Год назад +74

      Держитесь ребят,не забываем,что все мы одинаковые люди,простите,что так получилось!!! Я верю,что будет мир без войны!

    • @llssk6379
      @llssk6379 Год назад +31

      вот это стойкость, красава!))) перед собой аж неудобно когда прочитал твой пост!

    • @TheMrDemage
      @TheMrDemage Год назад +26

      @@tishkafocovv8723 за что простите? за 8 лет войны 14к убитых людей на Донбасе?

    • @bambalbino
      @bambalbino Год назад +30

      @@TheMrDemage Ты думаешь, что это @Laerning IT их убивал?

  • @MrMenma26
    @MrMenma26 Год назад +12

    Это просто потрясающе. Большинство онлайн-школ за такой курс запросило бы приличные деньги и растягивало его на месяц. Вы сделали невероятную работу, спасибо.

  • @Vitalik_Kozhurov
    @Vitalik_Kozhurov Год назад

    Пушка, настолько емкий и классный курс по реакту) Вроде всего 3 часа, а сколько информации, все структурировано, последовательно, прям как я люблю) Автору огромный респект!!!

  • @drunkmaster1101
    @drunkmaster1101 2 года назад +46

    Редко оставляю коментарии. Но тут не могу пройти мимо. Это, наверное, лучший ролик по теме реакта для начинающих во всем рунете. Большое тебе спасибо за такой труд. Тут я узнал больше, чем при чтении официальной документации.

  • @user-yw4jn4bg3v
    @user-yw4jn4bg3v 2 года назад +3

    по красоте раскидал )

  • @Andrey-ep6sc
    @Andrey-ep6sc Год назад

    Просто лучший! На душе спокойно от того, что есть человек, который способен вот так все грамотно и доходчиво объяснить!

  • @semenkrupin5237
    @semenkrupin5237 Год назад +12

    Настроил себя на изучение React и скажу одно, что проанализировав все документации и примеры, это самое лучшее преподнесение информации. Все доходчиво, смотреть и слушать приятно. Подсел плотно на просмотр всех видео на этом канале и пожалуй, это лучшее времяпровождение на досуге. Спасибо большое за огромный вклад и старание и конечно же развития каналу, и твоему творчеству 🔥🔥🔥🔥🔥🔥🤞

  • @adriansergeev2900
    @adriansergeev2900 2 года назад +131

    Спасибо за контент, у тебя здорово получается)
    Было бы огонь посмотреть про Unit testing React & Redux. Кто тоже так думает, лукас на коммент)

    • @vanunsakanyan2188
      @vanunsakanyan2188 2 года назад +2

      ждем )

    • @mostinform9623
      @mostinform9623 Год назад

      да, несомненно, по тестированию вообще мало материала

  • @MrNamed
    @MrNamed 2 года назад +108

    Вот же дела, курс совсем свежий, а докуменатция к React router уже изменилась :)
    Пришлось еще отдельно почитывать, как правильно роуты делать
    Если вдруг новички будут смотреть и тоже споткнутся, компонент теперь должен обязательно быть завернут в и имеет атрибут element.
    больше не используется, вместо него всё тот же . Ну и стандартный элемент в конце делается звездочкой.
    То бишь по итогу внутри у меня получилась такая конструкция:








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

    • @unclechernomor4421
      @unclechernomor4421 2 года назад

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

    • @user-ds5jy3cj8o
      @user-ds5jy3cj8o 2 года назад

      Ну это как будто даже все упрощает. Спасибо

    • @romanriezanov1704
      @romanriezanov1704 2 года назад +1

      Подскажи плиз, а как зафиксировать Navbar ??
      При переходе на другой роут у меня моя нав панель уходит. То есть она остается только на главной странице

    • @user-zs3ms8df1p
      @user-zs3ms8df1p 2 года назад +5

      Спасибо мил человек! Если бы не твой комментарий, еще какое то время было бы убито впустую :)

    • @user-jo8fn9ii2h
      @user-jo8fn9ii2h 2 года назад +9

      Динамически тоже не сильно но меняется. Если кто не смог реализовать вот то как я написал.
      {
      routes.map((route) => {
      return ;
      })
      }

  • @user-bi3ws1eo2p
    @user-bi3ws1eo2p Год назад +8

    Просто лучший обучающий материал, что я видел на ютубе. Автору огромное спасибо за проделанную работу)

  • @denysmiller17
    @denysmiller17 8 месяцев назад +4

    Лучший ролик о реакте, который я когда либо видел. Объяснения вплоть до каждой детали. Тимур, большая благодарность за твои труды. Контент твоего канала очень зрелый, отлично структурирован, и в этом видно, что ты вкладываешь большое количество труда, чтобы донести суть до своих подписчиков

  • @user-mq2gd3wg3h
    @user-mq2gd3wg3h Год назад +111

    Ulbi, прими скромные слова благодарности. Получил мощнейшую информацию за этот ролик, делал все параллельно с тобой, ушло где-то 30-35 часов на всё. В какие-то моменты делал ошибки, искал решения, гуглил, думал уже, что это всё не для меня, но в итоге решал все и продолжал дальше. Огромное тебе спасибо за такую гигантскую помощь. Буду дальше продолжать работать с твоим каналом, это невероятный кладезь знаний

    • @UlbiTV
      @UlbiTV  Год назад +20

      Спасибо за обратную связи и успехов тебе в обучении!

    • @le0messi
      @le0messi 10 месяцев назад +1

      Здравствуйте, разрешите понитересоваться, как ваши успехи в обучении?

    • @dizalix201
      @dizalix201 7 месяцев назад

      @@le0messiто что он тут показывает это 5 ти классник поймет, никакой глубины обычная тудушка

  • @ipa_stor
    @ipa_stor 2 года назад +51

    Наконец таки, теперь, когда меня будут доставать вопросами: "что ты там делаешь?" или "а как научиться?", буду просто кидать это видео😁😁😁 Тимур, спасибо, обязательно досмотрю, проверю свои знания:)
    Пс: 3 часа видео, нет слов, может прослушал, но ты хотя бы про донаты сказал? А то лайк и коммент услышал, а про донаты пропустил:)

    • @UlbiTV
      @UlbiTV  2 года назад +2

      😂😂💪🏿💪🏿✊🏻✊🏻

  • @user-ro2ll3wv6m
    @user-ro2ll3wv6m Год назад

    Уважаемый! Спасибо Тебе за твои труды, просмотрел много роликов по React и только у тебя одного информация изложена понятно и без воды. Благодарю Тебя. Здоровья Тебе и развития твоему каналу. Просто нет слов, молодец!

  • @FindSolution
    @FindSolution 5 месяцев назад

    без слов... их просто нет... одни положительные эмоции от качества подачи и от самого материала! спасибо за твой труд и потраченное время!

  • @pavelg9855
    @pavelg9855 2 года назад +14

    В отличие от огромного числа кликбейтных роликов "учим {что-то} за час" где 10 минут объясняют, а 50 - льют воду с умным видом, тут действительно можно выучить самое необходимое для создания SPA, пусть не за час, а за 3 и не с самого нуля, а зная кое-какие основы. Но это реально круто!

  • @nothingg1759
    @nothingg1759 2 года назад +64

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

    • @UlbiTV
      @UlbiTV  2 года назад +15

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

    • @user-rp8oy2kf5d
      @user-rp8oy2kf5d 2 года назад

      няяяяяяяяяяя

    • @eduardkotov4757
      @eduardkotov4757 2 года назад

      Да видео достойное, до этого проходил не один курс, но и это уже вторая попытка освоить React. Подача материала оптимальная.

  • @kalts_daniil
    @kalts_daniil Год назад +1

    Тимур, огромное тебе спасибо за этот курс! Вышло очень классное приложение и ты задел все основные концепции ReactJs, показав на классных практических примерах 🔥 Ты лучший! Успехов тебе и твоему каналу 🔥🔥🔥

  • @kirareilgan8463
    @kirareilgan8463 Год назад +2

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

  • @alexlei4232
    @alexlei4232 Год назад +41

    react-router-dom Обновился до 6 версии. Читайте документацию!!! Если вкратце, появился компонент Routes внутрь него нужно вкладывать Route и в Route нельзя использовать вложенность Пример записи: ( )

    • @alexandrgurov
      @alexandrgurov Год назад +2

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

    • @arsram8397
      @arsram8397 Год назад

      Спасибо помог.

    • @yevhen3450
      @yevhen3450 Год назад +1

      Спасибо. Я знал, что найду тут такой комментарий!

  • @oleksiishkulipa1626
    @oleksiishkulipa1626 2 года назад +64

    когда знаешь что следующее 3и часа пройдут продуктивно 👍
    Спасибо

    • @user-is9yv2gl3n
      @user-is9yv2gl3n 2 года назад +6

      Я эти 3 часа, наверное, неделю буду пошагово разбирать :)

    • @user-mp4qg1jc2t
      @user-mp4qg1jc2t 2 года назад

      @@user-is9yv2gl3n у меня 4 дня ушло :)

    • @user-nv7nk1ze2u
      @user-nv7nk1ze2u 2 года назад

      @@user-is9yv2gl3n я сутки просидел пошагово разбирая код это жестко конечно

  • @Sgalagan1
    @Sgalagan1 9 месяцев назад +7

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

  • @blackwood8816
    @blackwood8816 Год назад +1

    Офигенский курс, без воды, каждая секунда несет за собой полезную инфу ,огонь)))Благодарю

  • @romanhudyma2164
    @romanhudyma2164 2 года назад +96

    Спасибо Вам за очень качественный контент и проделанные труды. Как мидл что сам учился и просмотрел кучу гайдов, не могу не отметить прекрасный стиль подачи информации. Ваш талант изложения инфы огромен. Я только могу приставить сколько трудов было сделано для сценария такого видео.

    • @UlbiTV
      @UlbiTV  2 года назад +78

      Так радует, что есть люди, которые могут оценить работу и поддержать, а не только потребляют :) спасибо!

    • @user-mm3sd3uh6y
      @user-mm3sd3uh6y 2 года назад +5

      @@UlbiTV ох очень зря ты проп назвал onChange точь-в-точь как и атрибут у select onChange, это вносит путаницу и новичку гораздо сложнее разобраться что к чему

  • @ovircorp
    @ovircorp 2 года назад +71

    Я потратил неделю своей жизни для самостоятельного изучения реакта, и все мои знания накопленные за эту неделю уложились в первые 30 минут этого видео 😀😀 Прям выжимка информации, очень много вопросов у меня закрылись) Спасибо большое, практически каждое твоё видео - золото!) Крутым делом занимаешься, надеюсь твой твой пыл не угаснет и будешь дальше делать годный контент;) Пошёл смотреть другие твои видео

    • @UlbiTV
      @UlbiTV  2 года назад +10

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

    • @user-mw4jj6vj4r
      @user-mw4jj6vj4r 2 года назад

      @@UlbiTV Привет! Скажи, пожалуйста, каким образом параметр sort взял значение из массива options.
      Вот сам момент 1:10:13.

    • @user-mw4jj6vj4r
      @user-mw4jj6vj4r 2 года назад

      Ты скорее всего меня не понял, потому что я не могу сформулировать нормально)

    • @dieu-merci
      @dieu-merci 2 года назад

      @@user-mw4jj6vj4r Array.prototype.map()

    • @user-mw4jj6vj4r
      @user-mw4jj6vj4r 2 года назад

      @@dieu-merci спасибо!!!!

  • @edgeofeternity85
    @edgeofeternity85 Год назад +2

    Спасибо огромное, Тимур, твоя подача материала просто превосходная! Учу React и в принципе программирование только на твоем канале, ты реально лучший. Здоровья тебе и успехов во всем!

  • @user-lj5fr7kr8e
    @user-lj5fr7kr8e Год назад +1

    Огромное спасибо за этот вводный курс по React. Это шедевр!

  • @user-gv6kk1yt1z
    @user-gv6kk1yt1z 2 года назад +30

    Много работы вложено в этот выпуск. Спасибо вам большое

    • @UlbiTV
      @UlbiTV  2 года назад +7

      И вам!

  • @zettt6
    @zettt6 2 года назад +20

    Сколько годной информации всего за 3 часа! Огромное спасибо автору, таким людям отдельное место в раю.

  • @skobanev
    @skobanev 5 месяцев назад

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

  • @user-ub9dl7kr6z
    @user-ub9dl7kr6z 8 месяцев назад

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

  • @kibinnaneko3989
    @kibinnaneko3989 Год назад +28

    Сколько же у тебя полезного и интересного контента на канале, я просто теряю дар речи! Где ты берешь столько времени и сил?) Ведь это всё надо не только знать и уметь, а ещё и записать видео, перед этим продумав его до мелочей, чтобы все поняли. Виртуально пожимаю руку.

  • @sergeyschastlivtsev5643
    @sergeyschastlivtsev5643 2 года назад +10

    Мать моя женщина, как же ты крут! Спасибо)

  • @tamper308
    @tamper308 5 месяцев назад +1

    Быстро и без воды, очень грамотно изложена вся информация !

  • @johngurevich9959
    @johngurevich9959 7 месяцев назад +19

    После того как проделал путь в длинной в неделю вместе с автором хочется пожать ему руку и поблагодарить. Чтобы выпустить такой материал нужно обладать несомненным талантом

    • @UlbiTV
      @UlbiTV  7 месяцев назад +3

      🙏🤝

  • @alextotun
    @alextotun 2 года назад +16

    Реально стоящий ролик из множества, включая зарубежных авторов. Уложить так гладко недельное обучение в три часа, это гениально.) Спасибо огромное!

  • @nikolaitsykin
    @nikolaitsykin Год назад +8

    Столько сложной информации таким простым языком - это талант. Спасибо и успехов в твоем деле!

  • @user-ls8xg2ve9v
    @user-ls8xg2ve9v Год назад +3

    Спасибо за курс! Отличная подача и все базовые темы рассмотрены. Но конечно тем кто совсем с нуля - будет тяжко)

  • @vasilypleshanov5737
    @vasilypleshanov5737 11 месяцев назад

    Тимур, спасибо огромное за твой курс! Отлично изложен материал, все структурированно и понятно, от меньшего к большему. Прошел этот курс примерно за 2 недели после работы по 1-2 часа, с разбором всех тем и самостоятельно пытаясь воспроизвести пройденное. Отлично все запоминается, приходит понимание откуда что берется, почему так и как все связанно. Отличная база что бы начать уже пробовать писать свои проекты параллельно смотря туториалы. Правда изучающим перед изучением курса обязательно знать JS хотя бы на базовом уровне. А так все супер, отличный материал! Успехов тебе и всего самого наилучшего!

  • @user-oz3ft2le7x
    @user-oz3ft2le7x 2 года назад +19

    Приятно, слушать человека который знает о чём говорит и умеет доступно преподносить информацию!

  • @slowmoka
    @slowmoka 2 года назад +30

    Очень толково все: инфа, подача, дикция итд. Мне как начинающему немного сложновато, по этому смотрю это видео как справочник и каждый раз к нему возвращаюсь за пояснениями. Автору огромнейший респект что выкладывает такую бесценную инфу бесплатно.

  • @user-mw7vo6tx9i
    @user-mw7vo6tx9i 11 месяцев назад

    Автору respect за труд, приятно слушать, всё очень ёмко, 5 минут видео можно разбирать целый день. Успехов тебе. Думаю, у тебя большое будущее с такими талантами!

  • @romanr5843
    @romanr5843 Год назад

    Просто нереально, бомбически круто!!! спасибо за такой курс. Действительно получился настоящий альманах по реакту. Если что-то подзабыл, то посмотрел нужную часть и снова в бой!

  • @MrSolpuga
    @MrSolpuga Год назад +12

    Огромное спасибо автору за внятное четкое объяснение. За краткость и лаконичность. Это лучший курс по React из тех что я видел.

  • @awesomebearaudiobooks
    @awesomebearaudiobooks 2 года назад +5

    Спасибо, одно из лучших видео для новичков по React, которые я когда-либо видел! Кстати, отдельное спасибо за видео с ответами на самые распространённые вопросы собеседований!

  • @natalyakosh
    @natalyakosh 9 месяцев назад

    Тимур, огромное спасибо за это обучение! Очень содержательный, грамотно рассказанный и несомненно полезный гайд по React. Еще раз спасибо и успехов!

  • @whoawedev
    @whoawedev 6 месяцев назад +2

    Это просто невероятно шикарный краш-курс по Реакту. Спасибо за проделанную работу!

  • @Sergey-lg1ke
    @Sergey-lg1ke 2 года назад +20

    за два вечера, повторяя все у себя и дополнительно экспериментируя, досмотрел пока только до 56:22, больше не могу ждать и пишу комментарий. Восторгу нет предела! Про чистоту подачи и плотность материала уже 100 раз сказали в комментах, присоединяюсь к каждому! Отдельное спасибо за то, как органично показана эволюция приложения. Новое вытекает из предыдущего именно в тот момент когда само просится а не просто накиданы какие-то абстрактные примеры.
    ОГРОМНОЕ СПАСИБО за материал, посылаю +500 к карме в этой и следующей жизни.

    • @RedkeiGost
      @RedkeiGost 2 года назад +1

      Два вечера это сколько в часах? Какой темп на данный момент, если не секрет?

    • @Sergey-lg1ke
      @Sergey-lg1ke 2 года назад +4

      @@RedkeiGost уффф, местами по разному конечно, но в основном 10-15 минут видео == час реального времени на воспроизведение/осмысление + тесты/эксперименты. Где-то быстрее, где-то может и раза в два медленнее)) Темп видео такой, что кажется автор вырезал даже места где просто делает вдох))

    • @RedkeiGost
      @RedkeiGost 2 года назад +1

      @@Sergey-lg1ke у него просто хорошая техника дыхания. На да, работа по обрезки лишнего большая и тчательная. У меня 35 часов примерно ушло, но я считал то, что шло по непрерывный комм там, т. е. Это не точно и плюс в конце перечитываю коммиты, обдумываю. Т. Е. Вроде время уже посчитано, но работа продолжается, хотя уже и лайтовая

    • @RedkeiGost
      @RedkeiGost 2 года назад +1

      @@Sergey-lg1ke да, имейте ввиду, react-router-dom обновил апи и код из курса уже не работает. Не ищите ошибку у себя, сразу идите в доку и копируете оттуда. А концепт сам смотрите в курсе

    • @Sergey-lg1ke
      @Sergey-lg1ke 2 года назад +1

      @@RedkeiGost да, с ответами забавно получилось. Если актуально, нашел неплохой плейлист с обзором новой версии на канале Михаила Непомнящего

  • @user-rs2gl4wz4f
    @user-rs2gl4wz4f Год назад +7

    Никогда не смотрела обучение с таким интересом, как просто развлекательный видос! Очень хорошо и понятно излагаешь материал, спасибо 👍🏻

  • @AriAnna-pz8it
    @AriAnna-pz8it Год назад

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

  • @kostya4182
    @kostya4182 Месяц назад

    Господи, как же все понятно, уже смотрю второй раз и все так же на одном дыхании. Смотрел в первый раз с телефона и только слушал т.к не было возможности кодить, щас смотрю второй раз но уже и что-то пытаюсь сделать в редакторе, и ощущение, интерес точно такой же как и при первом просмотре. Спасибо вам!!

  • @user-sz7pu7qj3z
    @user-sz7pu7qj3z 2 года назад +17

    Структурированный, насыщенный с прекрасной подачей контент. Огромное спасибо!

  • @sergeyzelensky
    @sergeyzelensky 2 года назад +9

    Божечки, у меня не хватает слов благодарности, большущие спасибо, хотелось бы увидеть ролики/курс по JS

  • @user-zv2dp4xj9u
    @user-zv2dp4xj9u 9 месяцев назад

    Огромное спасибо автору за проделанный колоссальный труд! Шикарная подача материала, все четко и по делу, ничего лишнего. И как же было приятно слушать грамотную русскую речь, это сейчас такая редкость!

  • @dilarkadream2494
    @dilarkadream2494 11 месяцев назад

    Благодарю за курс и возможность обучаться у Вас! Посмотрела видео на канале, и сразу подписалась) Желаю процветанию канала, крепкого здоровья Вам!

  • @AndriiHurskyi-tyran53red
    @AndriiHurskyi-tyran53red 2 года назад +13

    Це найкраще відео про реакт, яке я бачив. Дуже дякую 🙂

  • @vasylp.4007
    @vasylp.4007 2 года назад +9

    Спасибо за возможность слушать качественный контент бесплатно

  • @saibamir2211
    @saibamir2211 6 месяцев назад +3

    Подписался на канал с самого начала изучения фронта, но было очень трудно что-либо понять, т.к. подача рассчитана на уже определенный опыт, но объем материала и его актуальность - это бомба! Спасибо большое автору.

  • @-LKRN
    @-LKRN 11 месяцев назад +1

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

  • @MaximZyatnin
    @MaximZyatnin 2 года назад +14

    Коммент лучей бесконечной благодарности и поддержки 👍🏻

  • @user-uh9lt6jh7p
    @user-uh9lt6jh7p 2 года назад +8

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

  • @karis7539
    @karis7539 10 месяцев назад +1

    Ubi, огромное тебе спасибо, это видео очень помогло моей карьере. Я год назад начал изучение React с этого ролика и в конце апреля 2023 нашел свою первую работу. Уже дорос до мидла)

  • @user-gv6vy4tp8n
    @user-gv6vy4tp8n Месяц назад +1

    Автор просто профи. Видео сделал грамотно и продуманно, в конце дал напутствие, как заниматься дальше, что мало кто делает. Спасибо.

  • @user-zj8ps3eq8n
    @user-zj8ps3eq8n 2 года назад +11

    Отличный курс, отличная подача материала - без воды. Большое спасибо за этот материал и проделанную работу!

  • @TarasovFrontDev
    @TarasovFrontDev Год назад

    Топовое видео! Хочу выразить свою благодарность за подробный и обстоятельный разбор применения хуков и конкретные примеры их применения!

  • @dmitriaviator
    @dmitriaviator 11 месяцев назад +1

    Спасибо огромное тебе за видео, спустилось на меня как манна небесная, когда пришло время узнать реакт 😄👍🏿. Обожаю смотреть твои видео, особенно собесы на фронтенда :)

  • @bolnoi13
    @bolnoi13 2 года назад +5

    Уважаемый, дорогой Тимур, спасибо Вам за столь колоссальный труд. И отдельное спасибо, за умение подать материал. Вас очень приятно слушать.

  • @matfeyivandaev5024
    @matfeyivandaev5024 2 года назад +10

    Как всегда, всё по делу, никакой воды. Спасибо за фундаментальный курс по React JS!

  • @bro_webman
    @bro_webman Год назад

    Благодарю за такой большой объём работы и свободный доступ к нему!)Успехов)

  • @user-hy3qo4mz7c
    @user-hy3qo4mz7c Год назад +2

    Шикарно объясняешь посмотрел 46 минут и в шоке сижу, не оторвешься. Лучше многих учителей рассказываешь. Как у такого ютубера так мало подписчиков? Без воды, затягивающее и понятно все.

  • @user-ey3gl4cs6f
    @user-ey3gl4cs6f 2 года назад +4

    этот ролик может собрать, сколь угодно, большое количество лайков

  • @munirsunchalyaev7484
    @munirsunchalyaev7484 3 месяца назад

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

  • @LindarOlostur
    @LindarOlostur 2 года назад +5

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

  • @user-ww2iv8pc8i
    @user-ww2iv8pc8i 2 года назад +16

    Спасибо большое, 3 часа современного реакта без старого классового подхода, залатал пробелы в образовании. Никаких кошек и самолюбования на заднем плане - очень профессионально

    • @UlbiTV
      @UlbiTV  2 года назад +2

      Спасибо!

  • @fantasticchannel2426
    @fantasticchannel2426 8 месяцев назад

    Это лучший подобный курс на Ютубе. По крайней мере из того, что я видел. В меру теории. Хороший баланс с кодингом. А это пока только 30-я минута. Удачи тебе и спасибо, за такой контент)

  • @dmitrydidenko694
    @dmitrydidenko694 Год назад +2

    Просто крутейшый контент) Спасибо за твою работу. Особая благодарность за материал без воды))

  • @Man1982ism
    @Man1982ism Год назад +6

    Прошёл. Практически год, как я просмотрел и проделал этот курс. Сейчас в составе команды пилим проект. Считаю что курс помог с быстрым стартом. Спасибо.

    • @Sashaa
      @Sashaa Год назад +1

      а что после этого видео изучал и где?
      подскажи пожалуйста

  • @wardi9013
    @wardi9013 2 года назад +6

    Я сам дотнетчик, но посмотрел с удовольствием, автору респект! Видно очень много сил вложено, отлично все по полочкам, без воды, молодец!

    • @UlbiTV
      @UlbiTV  2 года назад +2

      Спасибо!

  • @Dimarate
    @Dimarate Год назад

    Прекрасный материал для того чтобы разобраться в React и начать писать на нем приложения. Просмотрел с огромным удовольствием. Благодарю.

  • @stormyx6122
    @stormyx6122 Месяц назад +1

    Как же круто все рассказано, все по полочкам. Спасибо большое за такой качественный контент!!!

  • @sergeipro3642
    @sergeipro3642 2 года назад +9

    3 часа полезнейшей информации, спасибо за старания, однозначно лайк!

  • @user-uk4er6rs9p
    @user-uk4er6rs9p 2 года назад +19

    Спасибо огромное за такую учебную благотворительность!

  • @AkeroKent
    @AkeroKent Год назад +1

    ладно если не упоминать о том насколько быстро все делалось то видео сама настоящая находка, сильно благодарю