React JS фундаментальный курс от А до Я
Рет қаралды 1,862,807
Күн бұрын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
@user-sb7gq3os8x 4 ай бұрын
лайк, кто смотрит в 2024) курс пушка-бомба!!!
@user-jt7wb3zc1m 2 жыл бұрын
Приятно слушать курс без бекания-мекания, последовательно изложенный с нормальной речью. Спасибо
@UlbiTV 2 жыл бұрын
Спасибо)
@user-mm3sd3uh6y 2 жыл бұрын
@@UlbiTV чет не понял. а редакс где? без flux-ориентированной библы это все чуть менее чем бесполезные игрушки
@UlbiTV 2 жыл бұрын
@@user-mm3sd3uh6y какие глупости)) кто вам такое сказал?
@AlexanderOsnovnoi 2 жыл бұрын
@@user-mm3sd3uh6y С какой стати? Реакт движется к тому, чтобы стать полностью самостоятельной библиотекой, без сторонних State Management систем. Разработчики отказываются от классовых компонент, добавляют хуки, это всё шаги к самостоятельности и обособленности от других фреймворков платформы
@digitalturkistan1857 2 жыл бұрын
@@UlbiTV он классные слово знает
@user-pp4td4hs1t Жыл бұрын
если кто дошел до BrowserRouter, то теперь делают вот так:
@infindery 26 күн бұрын
Спасибо
@EvilYou 18 күн бұрын
А вот как можно делать редирект:
@co181 Жыл бұрын
Если кто-то собрался смотреть это видео с полного 0 не тратьте время!, для того чтобы получить максимальную пользу выполните следующее: 1- поймите JS любым способом на хорошем уровне 2- Пройдите любой курс по REACT (плохой/хороший долгий/быстрый не важно 3- Приступайте к этому видео и после просмотра каждой темы останавливайте видео пытайтесь сделать сами, гуглите подглядывайте обратно в видео если не получается сделать и так весь курс до победного конца (займет это все примерно от 10 часов до 20) 4- Поздравляю вы знаете и умеете в REACT Если начнете смотреть сразу с 0 без базовых знаний, вы просто не поймете на сколько крутой этот курс. Автору здоровья и большое спасибо! Прошел этот курс и наконец почувствовал уверенность в своих силах в REACT
@nothing54999 Жыл бұрын
@Google Account freeCodeCamp, кайфуй.
@palkan2590 Жыл бұрын
спасибо!
@questionsanswer6293 Жыл бұрын
Я думаю любому понятно что начинать нужно основ JS не совсем понял про курс React вы говорите про платные курсы? На них нет денег
@co181 Жыл бұрын
@@questionsanswer6293 любой который сможешь найти( на ютубе полно), пройди его тебе будет ничего непонятно но потом когда начнешь смотреть этот курс все встанет на свои места
@Andrey-Nechaev Жыл бұрын
И не забудьте к этим 10-20 часам прибавить время на освоение JS на хорошем уровне.
@user-hd7mi3tj5r 2 жыл бұрын
Огромное спасибо автору!!! Проходил 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 2 жыл бұрын
Спасибо! Ваш комментарий очень пригодился. Про Routes я нашёл на оф.сайте React Router, но вот про useHistory найти не смог.
@yzk970 2 жыл бұрын
Спасибо!
@user-dv2to2mz9j 2 жыл бұрын
5 пункт, меня изрядно помучал, долго не мог найти решения
@anatoliytyz3290 2 жыл бұрын
за 5-й пункт огромное спасибо, 2 часа искал ответ, а нашёл тут
@johnwimbley24 2 жыл бұрын
А с чего вы начинали изучать программирование? Можно с нуля начинать react сразу?
@interpol2138 Жыл бұрын
Автор лучший! Огромная работа, разбирался в каждой строчке. Спасибо больше! Так же в связи с датой выхода ролика, помощь молодым выкатываю ниже 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-gt3wg1qk8k Жыл бұрын
подскажите плз, может чтото изменилось, почему у меня не работает e.preventDefault(), когда пытаюсь поправить кнопку чтоб страница не обновлялась? (50:29)
@user-tv2tw9tu4i Жыл бұрын
Очень помог, спасибо
@fentan6806 Жыл бұрын
Ты святой
@user-hl1dr1ov7c Жыл бұрын
@@user-gt3wg1qk8k нашел решение?
@dr1m_o_o 10 ай бұрын
Тем, кто делает сейчас. 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 8 ай бұрын
Вы просто лучший! Спасибо большое
@user-ib5ml1vz5r 8 ай бұрын
Также, теперь не нужно всегда импортировать React в файлы компонентов
@saturnbeats8286 8 ай бұрын
@@user-ib5ml1vz5r импортировать теперь React только в App.js?
@illam-saiv 7 ай бұрын
Вообще, со времени записи видео React Router обновился до v6, и там изменения очень серьёзные. Пропала обратная совместимость
@gfhitdxaahn 7 ай бұрын
@@illam-saiv И многое из представленного в видео изменилось? Просто думаю проходить этот курс. Насколько он актуальный?
@user-hz8fh4iw5q Жыл бұрын
Мое первое знакомство React, но все рассказано и показано очень понятно и доходчиво!!! Спасибо тебе огромную за твою работу, за то, что тратишь на это время. Это действительно очень ценно и важно!
@learningit2572 Жыл бұрын
Досмотрел до конца , все повторил за тобой, еще много чего не понятно. Потратил так же около 30 часов. Огромная благодарность. Ты сделал большое дело. Сейчас у нас в Украине вакансий практически нет, но мы не унываем продолжаем учится и молимся что бы настал МИР! Ценю твой труд, очень при очень благодарен тебе
@igorekupaev1134 Жыл бұрын
Все наладится, друг. Как минимум потому что всегда плохо быть не может. Я из России, все люди - люди:)
@tishkafocovv8723 Жыл бұрын
Держитесь ребят,не забываем,что все мы одинаковые люди,простите,что так получилось!!! Я верю,что будет мир без войны!
@llssk6379 Жыл бұрын
вот это стойкость, красава!))) перед собой аж неудобно когда прочитал твой пост!
@TheMrDemage Жыл бұрын
@@tishkafocovv8723 за что простите? за 8 лет войны 14к убитых людей на Донбасе?
@bambalbino Жыл бұрын
@@TheMrDemage Ты думаешь, что это @Laerning IT их убивал?
@selfishhsifles4536 2 жыл бұрын
Для VScode rsc можно заменить расширением "ES7 React/Redux/GraphQL/React-Native snippets" и ввести вместо rsc "rafce"
@user-jd9fk5ef8j 2 жыл бұрын
Спасибо!
@user-il4pe2wq5p 2 жыл бұрын
@@user-jd9fk5ef8j Спасибо!)
@user-il4pe2wq5p 2 жыл бұрын
тебе спасибо ))
@iskander642 2 жыл бұрын
Спасибо!
@dmitrys5369 2 жыл бұрын
Спасибо! то, что надо
@user-ye4vw3tg6v Жыл бұрын
Спасибо за такой огромный труд, за этот курс. Действительно, здесь все только самое нужное. Выражаю тебе невероятнейшую благодарность!🙏
@MrMenma26 Жыл бұрын
Это просто потрясающе. Большинство онлайн-школ за такой курс запросило бы приличные деньги и растягивало его на месяц. Вы сделали невероятную работу, спасибо.
@user-ei3bu7pl2n 2 жыл бұрын
святой человек, с просмотра твоих видео получил больше знаний чем с кучи платных курсов, за что большое человеческое спасибо, ну лайк с комментарием)
@UlbiTV 2 жыл бұрын
Как бальзам на душу такие слова:)
@nikolaitsykin Жыл бұрын
Столько сложной информации таким простым языком - это талант. Спасибо и успехов в твоем деле!
@Vitalik_Kozhurov Жыл бұрын
Пушка, настолько емкий и классный курс по реакту) Вроде всего 3 часа, а сколько информации, все структурировано, последовательно, прям как я люблю) Автору огромный респект!!!
@Andrey-ep6sc Жыл бұрын
Просто лучший! На душе спокойно от того, что есть человек, который способен вот так все грамотно и доходчиво объяснить!
@kibinnaneko3989 Жыл бұрын
Сколько же у тебя полезного и интересного контента на канале, я просто теряю дар речи! Где ты берешь столько времени и сил?) Ведь это всё надо не только знать и уметь, а ещё и записать видео, перед этим продумав его до мелочей, чтобы все поняли. Виртуально пожимаю руку.
@alextotun 2 жыл бұрын
Реально стоящий ролик из множества, включая зарубежных авторов. Уложить так гладко недельное обучение в три часа, это гениально.) Спасибо огромное!
@user-bi3ws1eo2p Жыл бұрын
Просто лучший обучающий материал, что я видел на ютубе. Автору огромное спасибо за проделанную работу)
@FindSolution 5 ай бұрын
без слов... их просто нет... одни положительные эмоции от качества подачи и от самого материала! спасибо за твой труд и потраченное время!
@MrSolpuga Жыл бұрын
Огромное спасибо автору за внятное четкое объяснение. За краткость и лаконичность. Это лучший курс по React из тех что я видел.
@awesomebearaudiobooks 2 жыл бұрын
Спасибо, одно из лучших видео для новичков по React, которые я когда-либо видел! Кстати, отдельное спасибо за видео с ответами на самые распространённые вопросы собеседований!
@user-ro2ll3wv6m Жыл бұрын
Уважаемый! Спасибо Тебе за твои труды, просмотрел много роликов по React и только у тебя одного информация изложена понятно и без воды. Благодарю Тебя. Здоровья Тебе и развития твоему каналу. Просто нет слов, молодец!
@blackwood8816 Жыл бұрын
Офигенский курс, без воды, каждая секунда несет за собой полезную инфу ,огонь)))Благодарю
@user-gt8bz2so5i Жыл бұрын
Поверь не могу, что люди могут делать столько добра и пользы, сколько в этом курсе. Я в шоке. У тебя какая-то поразительная грамотность в речи, а ход мыслей и уверенность просто впечатляют. Очень круто! Пример!
@user-hy3qo4mz7c Жыл бұрын
Шикарно объясняешь посмотрел 46 минут и в шоке сижу, не оторвешься. Лучше многих учителей рассказываешь. Как у такого ютубера так мало подписчиков? Без воды, затягивающее и понятно все.
@semenkrupin5237 Жыл бұрын
Настроил себя на изучение React и скажу одно, что проанализировав все документации и примеры, это самое лучшее преподнесение информации. Все доходчиво, смотреть и слушать приятно. Подсел плотно на просмотр всех видео на этом канале и пожалуй, это лучшее времяпровождение на досуге. Спасибо большое за огромный вклад и старание и конечно же развития каналу, и твоему творчеству 🔥🔥🔥🔥🔥🔥🤞
@denysmiller17 8 ай бұрын
Лучший ролик о реакте, который я когда либо видел. Объяснения вплоть до каждой детали. Тимур, большая благодарность за твои труды. Контент твоего канала очень зрелый, отлично структурирован, и в этом видно, что ты вкладываешь большое количество труда, чтобы донести суть до своих подписчиков
@user-rs2gl4wz4f Жыл бұрын
Никогда не смотрела обучение с таким интересом, как просто развлекательный видос! Очень хорошо и понятно излагаешь материал, спасибо 👍🏻
@user-oz3ft2le7x 2 жыл бұрын
Приятно, слушать человека который знает о чём говорит и умеет доступно преподносить информацию!
@sentisie9013 3 ай бұрын
Курс, который по праву может называться фундаментальным. Такого четкого объяснения не видел нигде, да и в принципе, чтобы столько функционала затрагивали в одном видео. Большое спасибо за проделанную работу!
@kirareilgan8463 Жыл бұрын
Спасибо тебе большое. Столько структурированного контента, без воды, я не встречала ещё нигде. Представить себе не могу, сколько сил ты вложил в это видео. Лайк, подписка, лучи добра. Надеюсь ты запустишь третий поток по фронтенду, буду ждать и верить
@user-sz7pu7qj3z 2 жыл бұрын
Структурированный, насыщенный с прекрасной подачей контент. Огромное спасибо!
@slowmoka 2 жыл бұрын
Очень толково все: инфа, подача, дикция итд. Мне как начинающему немного сложновато, по этому смотрю это видео как справочник и каждый раз к нему возвращаюсь за пояснениями. Автору огромнейший респект что выкладывает такую бесценную инфу бесплатно.
@sanchopansa8956 Жыл бұрын
Тимур, ты бесподобен! Честно признаться, твоё упорство в создании столь объёмного, качественного и разностороннего материала, причём бесплатного, вызывает восхищение! Продолжай в том же духе, ты очень сильно помогаешь! Твои курсы в сочетании с книгами и документацией дают безумно мощную базу.
@UlbiTV Жыл бұрын
🙏🤝❤️
@kalts_daniil Жыл бұрын
Тимур, огромное тебе спасибо за этот курс! Вышло очень классное приложение и ты задел все основные концепции ReactJs, показав на классных практических примерах 🔥 Ты лучший! Успехов тебе и твоему каналу 🔥🔥🔥
@sergeyzelensky 2 жыл бұрын
Божечки, у меня не хватает слов благодарности, большущие спасибо, хотелось бы увидеть ролики/курс по JS
@zettt6 2 жыл бұрын
Сколько годной информации всего за 3 часа! Огромное спасибо автору, таким людям отдельное место в раю.
@edgeofeternity85 Жыл бұрын
Спасибо огромное, Тимур, твоя подача материала просто превосходная! Учу React и в принципе программирование только на твоем канале, ты реально лучший. Здоровья тебе и успехов во всем!
@skobanev 5 ай бұрын
Огромное спасибо человеку. Смотрю уже не первый курс. Очень много сил и труда вложено. Низкий поклон.
@user-zj8ps3eq8n 2 жыл бұрын
Отличный курс, отличная подача материала - без воды. Большое спасибо за этот материал и проделанную работу!
@bolnoi13 2 жыл бұрын
Уважаемый, дорогой Тимур, спасибо Вам за столь колоссальный труд. И отдельное спасибо, за умение подать материал. Вас очень приятно слушать.
@user-mw7vo6tx9i 11 ай бұрын
Автору respect за труд, приятно слушать, всё очень ёмко, 5 минут видео можно разбирать целый день. Успехов тебе. Думаю, у тебя большое будущее с такими талантами!
@user-zv2dp4xj9u 9 ай бұрын
Огромное спасибо автору за проделанный колоссальный труд! Шикарная подача материала, все четко и по делу, ничего лишнего. И как же было приятно слушать грамотную русскую речь, это сейчас такая редкость!
@matfeyivandaev5024 2 жыл бұрын
Как всегда, всё по делу, никакой воды. Спасибо за фундаментальный курс по React JS!
@user-uh9lt6jh7p 2 жыл бұрын
Герой нашего времени! Присоединяюсь ко всем благодарностям и наилучшим пожеланиям! Продолжай в том же духе
@user-ub9dl7kr6z 9 ай бұрын
Большое спасибо за прекрасное видео! Нигде подобного прекрасного и четкого объяснения каждой темы я не встречал. Низкий поклон автору!
@tamper308 5 ай бұрын
Быстро и без воды, очень грамотно изложена вся информация !
@drunkmaster1101 2 жыл бұрын
Редко оставляю коментарии. Но тут не могу пройти мимо. Это, наверное, лучший ролик по теме реакта для начинающих во всем рунете. Большое тебе спасибо за такой труд. Тут я узнал больше, чем при чтении официальной документации.
@flick4804 2 жыл бұрын
Это просто офигенно, наконец-то понял как работают все хуки и нашёл кучу ответов на свои вопросы, которые возникали на протяжении года работы!
@paimonia 3 ай бұрын
Материал для видео очень удачно подобран и структурирован. А ещё этот канал - один из немногих обучающих, которые я не смотрю на скорости х2... идеальная скорость изложения и концентрация полезного, иногда даже паузу нужно поставить, чтобы осмыслить происходящее. Спасибо, с пользой и кайфом посмотрела ^__^
@bogdanvasenshev6475 2 жыл бұрын
Лучший курс по React js, который я видел до сих пор. Очень ясное изложение с примерами и рисунками + приятно слушать. Спасибо большое за труд!
@user-nc1nl8ph2s Жыл бұрын
"если ты досмотрел этот ролик до конца, ты молодец и у тебя всё получится!" тут я чуть не прослезилась) спасибо!
@Sgalagan1 10 ай бұрын
я все еще на середине курса, но с уверенностью могу сказать что курс просто замечательный. спасибо автору за работу
@-LKRN 11 ай бұрын
Очень хороший, понятный, качественный и полезный курс. Видел комментарии про монтаж, про то, что где то меняется код и т.д., но в ролике этого нет, есть только склейки, которые наоборот делают лучше. Спасибо тебе, Ulbi!
@user-xv8ud3kq9e 2 жыл бұрын
Оставляю комментарий поддержки
@whoawedev 7 ай бұрын
Это просто невероятно шикарный краш-курс по Реакту. Спасибо за проделанную работу!
@user-lj5fr7kr8e Жыл бұрын
Огромное спасибо за этот вводный курс по React. Это шедевр!
@wishmaker1443 2 жыл бұрын
Вообще четко, быстро, понятно. Мне очень заходит такая подача контента! Огромнейшее спасибо!
@orbismala8124 2 жыл бұрын
Наверное один из ценнейших курсов, наряду с продвинутым React. Узнал как исправить те проблемы, которые встречались в моём проекте и как вообще всё это правильнее реализовать. Спасибо.
@kateverkhogliad3575 Жыл бұрын
Пояснено майже все, що буду використовувати для розробки реального проекту) Лаконічно і зрозуміло. Дякую за чудовий курс!
@saibamir2211 6 ай бұрын
Подписался на канал с самого начала изучения фронта, но было очень трудно что-либо понять, т.к. подача рассчитана на уже определенный опыт, но объем материала и его актуальность - это бомба! Спасибо большое автору.
@user-tr8xi3ik3c 2 жыл бұрын
Какой автор Красавчик! Мое уважение за столько подробный и качественный материал.
@alkushchik 2 жыл бұрын
Спасибо за данный практический туториал по Реакту. Действительно, автору - низкий поклон! Почти все кейсы раскрыты, которые могут встретиться на практике! Ооочень полезно!!
@kostya4182 Ай бұрын
Господи, как же все понятно, уже смотрю второй раз и все так же на одном дыхании. Смотрел в первый раз с телефона и только слушал т.к не было возможности кодить, щас смотрю второй раз но уже и что-то пытаюсь сделать в редакторе, и ощущение, интерес точно такой же как и при первом просмотре. Спасибо вам!!
@natalyakosh 9 ай бұрын
Тимур, огромное спасибо за это обучение! Очень содержательный, грамотно рассказанный и несомненно полезный гайд по React. Еще раз спасибо и успехов!
@dimalukashenko4865 2 жыл бұрын
Очень хороший курс. Действительно подойдет не только для новичков. Но очень перегружено. Ждем следующих роликов.
@anastasya2399 2 жыл бұрын
Очень полезный урок! Все четко и понятно. Таких уроков на ютубе ещё не видела, классная подача материала, без лишней воды. Спасибо!
@UlbiTV 2 жыл бұрын
Спасибо вам!
@user-ls8xg2ve9v Жыл бұрын
Спасибо за курс! Отличная подача и все базовые темы рассмотрены. Но конечно тем кто совсем с нуля - будет тяжко)
@PieceOfInternet 5 ай бұрын
Запросто одно из лучших видео по React в русскоязычном комьюнити. Спасибо за такой контент, здоровья тебе и всех благ в жизни!
@MrNamed 2 жыл бұрын
Вот же дела, курс совсем свежий, а докуменатция к React router уже изменилась :) Пришлось еще отдельно почитывать, как правильно роуты делать Если вдруг новички будут смотреть и тоже споткнутся, компонент теперь должен обязательно быть завернут в и имеет атрибут element. больше не используется, вместо него всё тот же . Ну и стандартный элемент в конце делается звездочкой. То бишь по итогу внутри у меня получилась такая конструкция: Знатоки, может, поправят, а я в этом деле новенький тоже. Или последний роут , чтоб не перекидывало, а просто показывало ошибку.
@unclechernomor4421 2 жыл бұрын
если вы обратите внимание, что такой синтаксис тоже используется, когда динамически роутинг делается
@user-ds5jy3cj8o 2 жыл бұрын
Ну это как будто даже все упрощает. Спасибо
@romanriezanov1704 2 жыл бұрын
Подскажи плиз, а как зафиксировать Navbar ?? При переходе на другой роут у меня моя нав панель уходит. То есть она остается только на главной странице
@user-zs3ms8df1p 2 жыл бұрын
Спасибо мил человек! Если бы не твой комментарий, еще какое то время было бы убито впустую :)
@user-jo8fn9ii2h 2 жыл бұрын
Динамически тоже не сильно но меняется. Если кто не смог реализовать вот то как я написал. { routes.map((route) => { return ; }) }
@user-gv6kk1yt1z 2 жыл бұрын
Много работы вложено в этот выпуск. Спасибо вам большое
@UlbiTV 2 жыл бұрын
И вам!
@user-gv6vy4tp8n 2 ай бұрын
Автор просто профи. Видео сделал грамотно и продуманно, в конце дал напутствие, как заниматься дальше, что мало кто делает. Спасибо.
@fantasticchannel2426 8 ай бұрын
Это лучший подобный курс на Ютубе. По крайней мере из того, что я видел. В меру теории. Хороший баланс с кодингом. А это пока только 30-я минута. Удачи тебе и спасибо, за такой контент)
@Evgeny.. 2 жыл бұрын
Тимур, это одно из лучших видео уроков по react js! Спасибо вам огромное!
@LindarOlostur 2 жыл бұрын
Огромный респект что разжевываешь все. я вот только успеваю подумать о каком-то вопросе, через минуту ты уже на него отвечаешь!
@Dimarate Жыл бұрын
Прекрасный материал для того чтобы разобраться в React и начать писать на нем приложения. Просмотрел с огромным удовольствием. Благодарю.
@bro_webman Жыл бұрын
Благодарю за такой большой объём работы и свободный доступ к нему!)Успехов)
@srt2046 2 жыл бұрын
Как же это шикарно, бро!!! Спасибо огромное! Я с первого видео с тобой вместе. Стану свидетелем твоего триумфа!
@UlbiTV 2 жыл бұрын
Олды на месте)) спасибо бро!
@sergeipro3642 2 жыл бұрын
3 часа полезнейшей информации, спасибо за старания, однозначно лайк!
@tatyanamikhailov3361 Жыл бұрын
Спасибо огромное! Шикарнейшая практика! А особенное спасибо что нет каждые 10 секунд переключения между файлами когда глаза устают от вечного мельтешения и ерзанья мышью!!!
@TarasovFrontDev Жыл бұрын
Топовое видео! Хочу выразить свою благодарность за подробный и обстоятельный разбор применения хуков и конкретные примеры их применения!
@nothingg1759 2 жыл бұрын
Спасибо большое за этот курс! Невозможно описать, насколько я был рад на него наткнуться. До этого работал с React на реальных проектах, но было много дыр в стилистике написания кода, некоторых нюансах и популярных решениях, по типу поиска, сортировки, навигации и т.п. Этот курс решил все мои проблемы, и теперь я могу писать свой код намного лучше! Огромное спасибо, что Вы выложили подобный материал в бесплатный доступ для простых смертных. Бесконечное уважение и успехов в развитии канала!
@UlbiTV 2 жыл бұрын
Спасибо за столь теплый отзыв! Очень рад, успехов вам!
@user-rp8oy2kf5d 2 жыл бұрын
няяяяяяяяяяя
@eduardkotov4757 2 жыл бұрын
Да видео достойное, до этого проходил не один курс, но и это уже вторая попытка освоить React. Подача материала оптимальная.
@user-mq2gd3wg3h Жыл бұрын
Ulbi, прими скромные слова благодарности. Получил мощнейшую информацию за этот ролик, делал все параллельно с тобой, ушло где-то 30-35 часов на всё. В какие-то моменты делал ошибки, искал решения, гуглил, думал уже, что это всё не для меня, но в итоге решал все и продолжал дальше. Огромное тебе спасибо за такую гигантскую помощь. Буду дальше продолжать работать с твоим каналом, это невероятный кладезь знаний
@UlbiTV Жыл бұрын
Спасибо за обратную связи и успехов тебе в обучении!
@le0messi 10 ай бұрын
Здравствуйте, разрешите понитересоваться, как ваши успехи в обучении?
@dizalix201 7 ай бұрын
@@le0messiто что он тут показывает это 5 ти классник поймет, никакой глубины обычная тудушка
@itsMatrik 6 ай бұрын
Спасибо за курс)Не люблю писать комментарии, однако написал по твоей просьбе в конце видео))Потому что таких как ты - единицы.Столько полезного и качественного материала, тем более бесплатно - не найти нигде.Довольно хорошо знаю реакт, причем учил по этому курсу, однако который раз уже возвращаюсь к этому видео, потому что что нибудь забываю.В общем - спасибо!
@romanhudyma2164 2 жыл бұрын
Спасибо Вам за очень качественный контент и проделанные труды. Как мидл что сам учился и просмотрел кучу гайдов, не могу не отметить прекрасный стиль подачи информации. Ваш талант изложения инфы огромен. Я только могу приставить сколько трудов было сделано для сценария такого видео.
@UlbiTV 2 жыл бұрын
Так радует, что есть люди, которые могут оценить работу и поддержать, а не только потребляют :) спасибо!
@user-mm3sd3uh6y 2 жыл бұрын
@@UlbiTV ох очень зря ты проп назвал onChange точь-в-точь как и атрибут у select onChange, это вносит путаницу и новичку гораздо сложнее разобраться что к чему
@user-uk4er6rs9p 2 жыл бұрын
Спасибо огромное за такую учебную благотворительность!
@romanr5843 Жыл бұрын
Просто нереально, бомбически круто!!! спасибо за такой курс. Действительно получился настоящий альманах по реакту. Если что-то подзабыл, то посмотрел нужную часть и снова в бой!
@dilarkadream2494 11 ай бұрын
Благодарю за курс и возможность обучаться у Вас! Посмотрела видео на канале, и сразу подписалась) Желаю процветанию канала, крепкого здоровья Вам!
@user-iq4dl3td7i 2 жыл бұрын
Тимур, спасибо огромное! Делал параллельно все как ты, периодически рисовал схемы, писал конспект, в коде писал комментарии. Так вот, хочу сказать, что благодаря тебе и тому, что внимательно, "от корки до корки" прошел этот видео-курс, у меня в голове очень многое улеглось. Ушло на все около 3-х рабочих дней) Премного благодарен!
@Vladikslavik 2 жыл бұрын
Каким образом ты схемы рисовал? Поделись опытом.
@alikhan_pypl 2 жыл бұрын
Спасибо огромное! Очень люблю ваши курсы, мега понятные и информативные. Обязательно поддержу вас когда будут деньги.
@user-gg7gj1ym7y 10 ай бұрын
Супер курс! Все качественно сделано, приятно смотреть. Благодарю и желаю успехов во всем!🤝
@karis7539 10 ай бұрын
Ubi, огромное тебе спасибо, это видео очень помогло моей карьере. Я год назад начал изучение React с этого ролика и в конце апреля 2023 нашел свою первую работу. Уже дорос до мидла)
@slava1657 Жыл бұрын
Давно пишу на нативном JS и Vue, теперь потребовалось изучить React. Отличный ролик для ознакомления с данным инструментом, порадовали грамотная речь и обилие инфы. Большое спасибо за труд! Молодец, что в свои годы накопил такой багаж знаний, успехов!
@UlbiTV Жыл бұрын
Спасибо! И вам успехов:)
@metallstas6217 2 жыл бұрын
Большое спасибо за курс. У меня все усвоить с первого раза не получилось, буду пересматривать) Спасибо!
@hachik78 Жыл бұрын
Отличный курс. Осилил за 4 дня половину - все понятно (для программиста), изложено потрясающе. Огромное спасибо на словах и посильное на кошелек
@dmitriaviator 11 ай бұрын
Спасибо огромное тебе за видео, спустилось на меня как манна небесная, когда пришло время узнать реакт 😄👍🏿. Обожаю смотреть твои видео, особенно собесы на фронтенда :)
@user-oi3xf6cb7e 2 жыл бұрын
Не передать словами как я вам благодарен! Спасибо за ваш труд)
@user-eg2lf1lg5z 2 жыл бұрын
Огромное спасибо за твой труд! Реально качественный и полезный контент. Не останавливайся)
@ekaterinaskrynnik6932 Жыл бұрын
Большое спасибо! Ты потрясающий преподаватель! Кайфанула от каждой минуты))
QAZSPORT TV / ҚАЗСПОРТ TV
Рет қаралды 190 М.
Ulbi TV
Рет қаралды 686 М.
Ulbi TV
Рет қаралды 63 М.
Thebox - о технике и гаджетах
Рет қаралды 150 М.