React Router 6 - базовый роутинг React-приложения

  Рет қаралды 195,392

Михаил Непомнящий

Михаил Непомнящий

Күн бұрын

Новая версия библиотеки react-router-dom в мини-курсе с пошаговым разбором возможностей. В данном видео мы рассмотрим базовую настройку роутинга React-приложения. В последующих видео будет усложнять задачу.
Код урока github.com/michey85/youtube-r...
00:00 Введение
00:43 Компонент BrowserRouter
01:11 Структура приложения
02:07 Компоненты Routes, Route
06:17 Компонент Link
07:07 Нюансы новой версии
Мои курсы по вебу с купонами:
✅ mishanep.com/
📢 Поддержка канала:
www.tinkoff.ru/rm/nepomnyasch...
paypal.me/mishanep

Пікірлер: 218
@user-js1wo5xl1m
@user-js1wo5xl1m 2 жыл бұрын
Отличное видео, то что нужно было. Только начал изучать React и везде используют старую версию react-router. Ваше видео спасение)
@nmteg
@nmteg 2 жыл бұрын
Была аналогичная проблема, автору - поклон!
@user-gn7he8le7w
@user-gn7he8le7w Жыл бұрын
аналогичная тема
@podsvinokSatani
@podsvinokSatani Жыл бұрын
присоединяюсь
@sno-oze
@sno-oze 2 жыл бұрын
Эх, ваше видео и вчера бы ещё) Как раз вчера создавал новый проект на реакте с роутером и для меня стало неожиданностью, мол, как это нет Switch, и нет component. Но всё равно годно, буду ждать следующую серию.
@artemvolsh387
@artemvolsh387 2 жыл бұрын
Насколько я рад что нашел ваш канал, ваше видео сильно упрощает понимание работы с Router'ом и экономит время чтения документации! Спасибо!
@L_odex
@L_odex Жыл бұрын
Столько всего пересмотрел, перечитал и не понимал почему же у меня не работает ничего, приложение превращалось в пустую белую страницу. Вроде тоже 6 версия router, но никто не говорил и не показывал что в index.js нужно тег обернуть в что бы всё работал роутинг. Спасибо тебе огромное!!!🦾
@valentinkravetc8093
@valentinkravetc8093 10 ай бұрын
Спасибо, помог
@user-tu1up7ox1e
@user-tu1up7ox1e 2 жыл бұрын
Спасибо Михаил! То что нужно. Не люблю длинных видео, а у Вас все по делу без воды. С нетерпением жду следующих.
@antonrybakou
@antonrybakou 2 жыл бұрын
С чувством, с толком, с расстановкой... Без воды, в отличном для восприятии темпе (не нужно ускорять видео или жать постоянно паузу). Ну и вишенка - очень приятный для восприятия голос, что по мне немало важно )) Спасибо за Вашу работу!!!
@user-tw1uq5mn8c
@user-tw1uq5mn8c 3 ай бұрын
Очень приятная и лаконичная речь, доступное объяснение. Так держать!
@book.bezzublk
@book.bezzublk Жыл бұрын
Потрясающий урок. Все по полочкам, четко и понятно. Спасибо!)
@thecatwrites9731
@thecatwrites9731 2 жыл бұрын
как раз то что мне надо сейчас вы выкладываете несколько дней назад! Боже храни Вас, Михаил!
@dimalavrenov3916
@dimalavrenov3916 Жыл бұрын
Спасибо большое. В убогих документациях ничего не понятно, а вы все круто объяснили про 6 версию. Лайк, подписка
@alex45779
@alex45779 Жыл бұрын
Огромное Вам спасибо за уроки! У Вас очень приятный стиль))
@djangofullcourse1171
@djangofullcourse1171 2 жыл бұрын
Все хорошо объяснено, стиль повествования чилловый и ненавязчивый. Спасибо!
@user-zy9ng5be4g
@user-zy9ng5be4g 2 жыл бұрын
Очень хороший материал. Отличная подача и темп. Очень хотелось бы увидеть реализацию модальных окон и анимацию смены страниц с помощью react router. Спасибо!
@JavaScriptcher
@JavaScriptcher 2 жыл бұрын
Спасибо за подробное объяснение с примерами как было до ver.6!! Очень подробно
@user-bh5kq1dp8k
@user-bh5kq1dp8k 4 ай бұрын
Огромное вам спасибо! Целый час читал документацию к React Router на их сайте и вообще ничего не понял, а вы за 8 минут смогли всё очень понятно и доступно объяснить
@warflow
@warflow Жыл бұрын
Отличные уроки и подача материала 👍
@antonioqa4553
@antonioqa4553 2 жыл бұрын
Спасибо за чёткость. По 6.0 версии роута- лучшее руководство.
@saidmalikallayarov4104
@saidmalikallayarov4104 2 жыл бұрын
Скажу как человек, который постоянно смотрит ютуб и знает многих. Посмотрел одно видео и определенно вошел в топ 3. Хорошо объясняет и без воды. Продолжай в том же духе. (для зрителей, можете так же обучаться у Владилена Минина, Ulbi и Фрилансера по жизни)
@user-ib2xt9wf8j
@user-ib2xt9wf8j Жыл бұрын
Такой же топ3)))))
@sichouli1914
@sichouli1914 Жыл бұрын
+ Арчаков и Лущенко самые лучшие
@programmeruz9714
@programmeruz9714 Жыл бұрын
Владилен только рекламирует свой курс и много воды
@Makaler
@Makaler Жыл бұрын
@@programmeruz9714 а вот не правда. Я посмотрел у него много видео полезных. Начиная от прототайпа, до асинк авейта, евент лупов и тд
@pavelkostrov1465
@pavelkostrov1465 Жыл бұрын
@@Makaler согласен, есть конечно видео где он курсы рекламирует, но есть и где объясняет конкретные темы. В том числе с помощью Владилена понял замыкание. Да и подготовку к собеседованию(видео про джс) раза 2-3 уже пересмотрел, тоже неплохое.
@lightinthedark5708
@lightinthedark5708 2 жыл бұрын
Спасибо, Михаил. Лучше меньше да больше) Так и для канала будет полезней.
@spirit820ruka5
@spirit820ruka5 2 жыл бұрын
Спасибо! То что искал. Подача контента высокая. Продолжайте и дальше, и удачи вашему каналу!
@user-vq6ko4sc6f
@user-vq6ko4sc6f 2 жыл бұрын
Спасибо вам огромное!!! Учу реакт по другому курсу, но здесь помочь смогли только вы, однозначно лайк)
@kesha5650
@kesha5650 10 ай бұрын
Огромное спасибо! пол дня мучился, ничего не работало, но ваше видео помогло. Лайк
@sofkozl
@sofkozl 2 жыл бұрын
Спасибо большое за видео, мучилась весь вечер, с помощью Ваших объяснений наконец-то все получилось!
@Sergey-lg1ke
@Sergey-lg1ke 2 жыл бұрын
Огромное человеческое спасибо! Как всегда, от просмотра одно удовольствоие
@user-xu6qy4sk6i
@user-xu6qy4sk6i Жыл бұрын
Большое спасибо! Много времени потерял, пока разбирался с этим роутингом, так как до этого читал старую документацию и реализация оттуда не работала. А вашем видео всё понятно, правильно и свежо)
@user-vm2db5cq1g
@user-vm2db5cq1g Жыл бұрын
Отличный цикл видео по 6 реакт роутеру! Автору большое спасибо за контент на канале!
@mikhail_shokun
@mikhail_shokun 2 жыл бұрын
Мишань, не понимаю почему еще так мало подписчиков (в мае 2022 всего 12,6 тыс), но контентище ГОДНЕЙШИЙ и ЧЁТКИЙ !!! Слушаешь, и прям успокаиваешься))) Все уроки по React-Redux смотрю в основном у тебя. Спасибо тебе большое за труды, успехов! Ты сейчас в Испании?
@tennis_girl19
@tennis_girl19 2 жыл бұрын
Автору спасибо!Очень выручил.Кратко и понятно.
@romzezo
@romzezo 2 жыл бұрын
огромное спасибо за урок по актуальному роутеру. как раз сейчас надо роутинг реализовать, а с какой стороны подойти не знаю
@mykolavarvarchuk937
@mykolavarvarchuk937 2 жыл бұрын
Спасибо за отличный материал с прекрасной подачей!
@vkussno2875
@vkussno2875 Жыл бұрын
Спасибо большое никак не мог понять маршрутизацию, но вы помогли !
@dimalukashenko4865
@dimalukashenko4865 2 жыл бұрын
Хороший урок. Уже несколько раз пересматриваю.
@atata_r0mk022
@atata_r0mk022 2 жыл бұрын
Круто. Спасибо за обзор новой версии!!! Чистого кода)
@endless9097
@endless9097 2 жыл бұрын
Просто невероятное , огромнейшее человеческое спасибо!!!
@user-rl3nm6yi1c
@user-rl3nm6yi1c 11 ай бұрын
Мне решить проблему помог первый же ролик из вашего курса! спасибо!
@pitbrest
@pitbrest Жыл бұрын
Отличный видос, только начинаю знакомиться с реакт, сходу все повторил как в примере и все отлично работает, благодарю !
@maga_frank
@maga_frank Жыл бұрын
Спасибо лайк заслужил. Объяснил лучше чем как никто другой
@mikebotkin9094
@mikebotkin9094 2 жыл бұрын
ха-ха, буквально пару часов назад разбирался почему у меня на новом проекте ошибка экспорта Redirect и Switch из react-router-dom )))) очень вовремя и как всегда доступным языком!
@insideimpact2718
@insideimpact2718 Жыл бұрын
Спасибо, коротко и по факту всё объяснил понятно. Помог решить проблему
@mykolao
@mykolao 2 жыл бұрын
Очень хорошо. Жду продолжения
@remkarablin4109
@remkarablin4109 Жыл бұрын
Какая красивая речь у автора, и подача материала супер, спасибо за видео, к слову не люблю таких радикальных изменений библиотек, в итоге туториалы сроком года давности уже теряют актуальность, а Ваше видео спасение.
@user-xe6eh4vf9b
@user-xe6eh4vf9b 7 ай бұрын
Огромное спасибо! Все чётко, всё понятно!
@PashaRomanovich
@PashaRomanovich 2 жыл бұрын
Спасибо большое! Очень приятно и понятно обьясняешь!)
@user-iy2hd6ix9j
@user-iy2hd6ix9j 2 жыл бұрын
Ждем продолжения!!! Спасибо!
@user-oo2yr7sw1t
@user-oo2yr7sw1t 2 жыл бұрын
Супер круто, вышел на проект на Реакте, а с Реактом работал мало. Ваше виде прямо таки панацея! Спасибо!!!!
@fastnpm5300
@fastnpm5300 2 жыл бұрын
Михаил, еще в 2020 году проходил ваш курс по Компетенции верстальщик когда я был совсем еще "зеленый" в плане разработки. Сегодня смотрю ваши видео по нововведениям в библиотеке с которой работаю регулярно. Можно с уверенностью сказать, что вы причастны к моему развитию на пути разработчика :) Спасибо за ваши видео!
@mishanep
@mishanep 2 жыл бұрын
Спасибо за обратную связь. Всегда приятно знать, что есть реальная польза от моего проекта :)
@Sergey-lg1ke
@Sergey-lg1ke 2 жыл бұрын
@@mishanep Михаил, я пока только на пути к первому собесу, но когда я его пройду, в этом будет заслуга и вашего Проекта! Ваши видео всегда очень помогают в самых разных непонятных моментах
@dav1d05
@dav1d05 2 жыл бұрын
@@Sergey-lg1ke ну шо прошел?
@tftyyghfghfghf3125
@tftyyghfghfghf3125 Жыл бұрын
@@Sergey-lg1ke как ты там
@Abirvalg45678
@Abirvalg45678 2 жыл бұрын
Шикарно, спасибо! Ваше видео помогло решить проблему.
@marinaermilova7912
@marinaermilova7912 2 жыл бұрын
Привет и спасибо за классное занятие. Это классно!
@A_A_A182
@A_A_A182 10 ай бұрын
Спасибо за урок, очень доступно
@arturnureyev5224
@arturnureyev5224 2 жыл бұрын
Ох спасибо, продолжайте делать видео. Очень полезно
@user-ht5qv3wy4z
@user-ht5qv3wy4z 2 жыл бұрын
Ох вовремя ролик, щас как раз начал разбираться с 6 версией и попал на твой ролик, лайкос прожал, спасибо!
@user-gz1qc5tj9y
@user-gz1qc5tj9y 2 жыл бұрын
Спасибо за видео! Хотелось бы еще послушать, как ты объяснишь передачу данных через URL (/posts/:id) и концепцию private Route!
@myhobbykz6058
@myhobbykz6058 Жыл бұрын
Сізге көп көп рақмет! Дами беріңіз👍👍👍👍
@happy_cutman
@happy_cutman 2 жыл бұрын
Шикарно, только хотел попросить в комментах видео по обновлению роутов, а вот и они. Спасибо!
@artyomnazarov8518
@artyomnazarov8518 2 жыл бұрын
Спасибо за видео, Михаил! Очень помогло)
@andrewsam224
@andrewsam224 Жыл бұрын
Миша, очень классный подход
@arsakaevislam2571
@arsakaevislam2571 Жыл бұрын
Спасибо большое прекрасно объяснил про новый React Router 6
@user-zb7nu5et8o
@user-zb7nu5et8o 2 жыл бұрын
Ты божественный, дикция то что надо)
@intention-man
@intention-man Жыл бұрын
Спасибо! Решил проблему спустя несколько часов
@zakiro4277
@zakiro4277 Жыл бұрын
Спасибо огромное за разжевывание а то не понял по документации сходу что к чему
@user-cw2xk5jt6w
@user-cw2xk5jt6w 2 жыл бұрын
спс за видео. быстро и без воды. из пожеланий. TS - он сейчас везде, без него никуда и с ним видео будет вообще бесценно. и видео аналога publicRoutes и privateRoutes, по которым до прихода v6 мы мапились и отрисовывали те или иные пути.
@from_brest2631
@from_brest2631 2 жыл бұрын
Лайк, посмотрю завтра 👍 Ха, так ещё 6версия Роутера вышла... тем более нужно смотреть :)
@alexua8059
@alexua8059 2 жыл бұрын
С нетерпением жду продолжения.
@Nikitosss91
@Nikitosss91 2 жыл бұрын
Как всегда - ультра классная подача
@V4VFAloj7juAyQW
@V4VFAloj7juAyQW 2 жыл бұрын
Спасибо большое, Михаил.
@vlad-zf1ev
@vlad-zf1ev 2 жыл бұрын
Хорошая тема, обязательно заценим)
@Lotpite
@Lotpite 2 жыл бұрын
четко, доступно. Спасибо :-)
@gurgen5217
@gurgen5217 2 жыл бұрын
Спасибо, доступно объяснил 👍
@icorp6829
@icorp6829 2 жыл бұрын
Спасибо большое. изучаю react путь самурая, там немного устаревшая версия и у меня не сработало. А теперь все отлично)
@JohnDoe-hw1sm
@JohnDoe-hw1sm 2 жыл бұрын
У вас талант объяснять. :)
@user-he8ln6ii2y
@user-he8ln6ii2y 3 ай бұрын
смотрю 3 раз . Всегда когда запускаю новый проект смотрю его и забываю . xD
@mishashmidt0
@mishashmidt0 2 жыл бұрын
Спасибо большое хороший урок
@radada3660
@radada3660 2 жыл бұрын
Спасибо большое!Очень помогли!
@mivalb7979
@mivalb7979 2 жыл бұрын
Спасибо, очень своевременно.
@user-ub9oh3ig9w
@user-ub9oh3ig9w 2 жыл бұрын
Огромное спасибо за видео)
@dailyvideo1593
@dailyvideo1593 Жыл бұрын
Подписка с первого же видео))) Спасибо!
@nicksunrise7565
@nicksunrise7565 2 жыл бұрын
Огромное спасибо за ролик, долго пытался понять что не так с Switch, по всей документации видел только использование Switch, если бы не ваш ролик так и кружился вокруг да около
@YOU_LICH
@YOU_LICH 3 ай бұрын
Большое спасибо!
@topmoments8902
@topmoments8902 11 ай бұрын
Спасибо за урок)
@user-sj4tv3ti7o
@user-sj4tv3ti7o Жыл бұрын
подписка! хорошо объясняет
@Elizabeth_Calmau
@Elizabeth_Calmau 2 жыл бұрын
Благодарю за видео!
@denyslinetskyi
@denyslinetskyi 2 жыл бұрын
Супер! Спасибо большое!)
@user-vw1iq6hm6p
@user-vw1iq6hm6p 2 жыл бұрын
Очень полезное видео, спасибо)
@_pheax
@_pheax Жыл бұрын
круто обьясняеш. спасибо
@user-sl3bh6uw9j
@user-sl3bh6uw9j Жыл бұрын
Спасибо за видео, мне оно очень помогло)
@crawd9296
@crawd9296 2 жыл бұрын
спасибо за это видео,мне очень помогло)
@BillGadov
@BillGadov 2 жыл бұрын
Миша спасибо за уроки. Хотелось бы полный курс по Реакту увидеть. У тебя отличная подача! 💪👍🏻
@mishanep
@mishanep 2 жыл бұрын
У меня есть 12-часовой курс по Реакту и 11-часовой по Редаксу =)
@BillGadov
@BillGadov 2 жыл бұрын
@@mishanep не смог найти :(
@mishanep
@mishanep 2 жыл бұрын
@@BillGadov мой сайт mishanep.com, там есть актуальные ссылки на мои курсы
@BillGadov
@BillGadov 2 жыл бұрын
@@mishanep благодарю, посмотрим)
@user-ei5lp3zu8m
@user-ei5lp3zu8m 2 жыл бұрын
Все четко и понятно
@alijonabdurasulov2181
@alijonabdurasulov2181 Жыл бұрын
большое спасибо
@ahad5581
@ahad5581 Жыл бұрын
Спасибо большое за видео
@svloex
@svloex 2 жыл бұрын
Твои видосы нравятся, спасибо
@aleksandrzelenskiy4000
@aleksandrzelenskiy4000 2 жыл бұрын
Great review react-router-dom. Thanks
@maksymkyryliuk492
@maksymkyryliuk492 2 жыл бұрын
Thanks for your work!👍👍👍
@yakut54
@yakut54 2 жыл бұрын
Миша, Спасибо!
@giorgichibukhashvili6874
@giorgichibukhashvili6874 2 жыл бұрын
I can't really write in Russian very well, so you will have to accept my compliments in English - I appreciate short, informative videos like this, I learned a lot in just 8 minutes :)
@mishanep
@mishanep 2 жыл бұрын
I'm glad you liked it :)
@sergeydanusevich6096
@sergeydanusevich6096 2 жыл бұрын
Супер! Спасибо!
@user-qp6yp4qk9i
@user-qp6yp4qk9i Жыл бұрын
огромное спасибо!
@user-od6fb7rl3k
@user-od6fb7rl3k 2 жыл бұрын
Спасибо огромное!
@user-yt2dj8cv4j
@user-yt2dj8cv4j 2 жыл бұрын
Спасибо! Видео помогло
@wannabecoder3960
@wannabecoder3960 Жыл бұрын
Спасибо!
Общая разметка и компонент Outlet в React-Router 6
5:16
Михаил Непомнящий
Рет қаралды 87 М.
Параметры в ссылках в React Router 6
11:40
Михаил Непомнящий
Рет қаралды 82 М.
MOM TURNED THE NOODLES PINK😱
00:31
JULI_PROETO
Рет қаралды 9 МЛН
ПЕЙ МОЛОКО КАК ФОКУСНИК
00:37
Masomka
Рет қаралды 10 МЛН
React Router - Complete Tutorial
23:53
Cosden Solutions
Рет қаралды 73 М.
Вложенный роутинг в React Router 6
10:01
Михаил Непомнящий
Рет қаралды 41 М.
Learn React Router v6 In 45 Minutes
46:20
Web Dev Simplified
Рет қаралды 522 М.
Learn React Hooks: useMemo - Simply Explained!
13:41
Cosden Solutions
Рет қаралды 75 М.
React Router V6.4+ Tutorial - New Syntax, useLoaderData...
24:55
React и Next js убивают фронтенд!
9:11
Миша Ларченко
Рет қаралды 42 М.
React-router-dom 6 - новый синтаксис роутинга. Routes вместо Switch, elements. SPA и MPSa на RRD6
19:54
WebDev с нуля. Канал Алекса Лущенко
Рет қаралды 33 М.
React Typescript 2023 - 16. React Router
13:55
Teddy Smith
Рет қаралды 10 М.