19. Уроки React JS (route, browser-router, маршрутизация) - react курсы бесплатно

🚀Стань квалифицированным разработчиком за 9+ месяцев с трудоустройством в IT -INCUBATOR:
Front-end
it-incubator.io/front-end/?ut...
Back-end
it-incubator.io/back-end/?utm...
Поддержать меня можно на:
Patreon / itkamasutra
Boosty boosty.to/itkamasutra
или оформив спонсорство на данном канале.
Помогайте друг другу вот здесь: t.me/reactjs_samurai
Уроки по React JS: • Курс "React JS - путь ...
Ууууух, наши уроки по React JS становятся всё интереснее и интереснее!!!
У нас ведь теперь есть 2 конмпоненты главные (Dialogs и Profile), по сути, 2 разные страницы! И нам хотелось бы между ними как-то переключаться!!!
И тут нам на помощь приходит компонента Route
Как она работает? Компонент Route просто следит за адресной строкой браузера и ... Если замечает, что там отображается "свой" (нужный ей) URL, то автоматом отрисовывает нужную компоненту!
А вот то, что в данном уроке я прописывал:
* установка пакета:
npm i react-router-dom -save
* пример (замените знаки ⋗ и ⋖ на нормальные):
Вот в это нужно обернуть компоненту App:
⋖BrowserRouter⋗ ⋖App /⋗⋖/BrowserRouter⋗
А вот так добавлять уже сами роуты:
⋖Route path='/dialogs/' component={Dialogs} /⋗
* Сайты:
it-kamasutra.com
it-incubator.eu
samuraijs.com
* Мы в соц. сетях:
itkamasutra
/ itkamasutra
telegram.me/itkamasutra
* Мои личные VK и Insta:
d.kuzyuberdin
/ it.kamasutra.dimych
#reactJS #практика #примеры #уроки #курс

[@igorekupaev1134]

В новой версии выдает ошибку, правильно теперь вот так: Не благодарите:) // Кстати я устроился на работу, уже прошло 5 рабочих дней. Так что все реально, главное не опускать руки и будет все хорошо:)

[@user-uy4cy9je6d]

Благодарю :D

[@eldarkalachikov9261]

Огромное спасибо все форумы прошарил в поисках ответа.

[@dimavavilov7737]

Благодарю

[@noname-fc3pv]

Спасибо)

[@ger4ek552]

Спасибо :)

[@pvm1221]

Спасибо за уроки ! Синтаксис в ролике работает для версии react-router-dom

[@moec6522]

Спасибо большое, дружище, выручил)

[@galinagumenyuk3923]

Спасибо!!!! я сижу и думаю,то ли лыжи не едут, то ли я.... все отрисовалось с новым синтаксисом)

[@user-ki2zs9pz4v]

Спасибо огромное, очень помог твой комментарий :)

[@natashabatasha897]

Спасибо тебе, Павел!!! Поправочка. Если до этого в Navbar писали /dialogs, то не забудьте path так и прописать

[@user-jx2jw6el6y]

огромное спасибо за этот код!!! он мне очень помог.

[@user-ld5ui6nr7m]

Ребят, кто в 2021 смотрит, у кого ошибка с route. Он сейчас по-другому работает. Нужно сделать так:

[@tanyadovzzhenko4173]

листала комменты специально ради этого, спасибо!!!

[@user-jy3mc3gl3k]

Спасибо большое, очень помогли)

[@FlyDem]

13.05.22 ничего не работает

[@narekhakobyan8748]

Спасибо

[@Теаниныч]

@@FlyDem где сейчас можно найти инфу?

[@vadimkovtunenko1067]

Спасибо большое Дмитрий 👏👍 Для 6 версии синтаксис такой import {BrowserRouter, Routes, Route} from "react-router-dom";

[@user-dv1xv3co7o]

Спасибо большое

[@user-jt4ue1cz7u]

Спасибо братка

[@viktoriiaesterkin1414]

спасибо тебе чувак

[@user-uu4gp9et2s]

У твоих уроков эффект сериалов. В конце интересно начать новую серию. Спасибо!

[@piligr1m_ua_]

100%

[@VoytovychRoman]

100%

[@user-iv5bx4ls6l]

Не забывай говорить вших вших вших (как самурайским мечем!) 😀 🐼

[@shepotpatriot]

Это, кстати, очень важно!

[@0palev]

да мечи очень важны!)

[@romanvolovyk968]

Тебе плохо?

[@annakarelina6841]

Меня это так бесило вначале, а сейчас без "вших-вших" уже грустно(( Смотрю залпом по несколько уроков, канал как родной стал

[@sldstrst2022]

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

[@quterma]

Еще Евгений Таранов и Ярослав Брин

[@FREEPNZ]

Подтверждаю

[@nikitaalekseev991]

Я бы ставил и До и После))

[@IAMSHEVCHUK]

Для меня сработал следующий вариант: import {BrowserRouter, Route, Routes} from "react-router-dom"; const App = () => { return( ); }

[@PadreZadrot]

Ты единственный кто выручил, спасибо огромное) ругается если не обернуть все в возможно из-за дополнительных тегов. const App = () => { return ( ); }

[@smakdigital]

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

[@AlexM-uz1hg]

Спасибо, человече ;)

[@lovefliymon9912]

огромное спасибо ты лучший

[@user-os8yf7ls5v]

@@smakdigital как мама поживает?????

[@brainboom5509]

Блин, меня действительно подкупает такая искренность и отдача. Ставлю перед собой цель -- комментировать и лайкать каждое твое видео, Спасибо еще раз))

[@deepindub]

11:47 "...что эта запись даст?"-послышалось совсем другое ахахах

[@ITKAMASUTRA]

Бывает))

[@user-zr5ys2rs2r]

@@ITKAMASUTRA звучит как новая песня Эдуарда Сурового

[@druzhe9402]

@@user-zr5ys2rs2r а мы сидим. Без Дим..

[@evgeniyprowork]

слушаю на скорости 1.25, раза 3 прослушал, только потом осознал что имеется ввиду )

[@ilyataldykin4698]

хахах

[@dlucky13]

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

[@PutlerXLO]

Угу, как будто гопник с семками, выучивший слово инкапсуляция

[@MrMomomoy]

Привет всем из 2021. Сейчас уже вышел 6й реакт роутер дом. Там ряд нововведений. Вместо components надо писать element. Пример . было , стало - . Я блин полтора часа времени убил чтобы понять почему оно не работает. Так же теперь вместо Switch используется Routes

[@user-rr8tn9zu7p]

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

[@ger4ek552]

Спасибо :)

[@iMan-ql4gx]

Спасибо. Респект ))

[@davejonns3825]

Ты потратил время не впустую самурай, ты спас много времени остальных! Спасибо=))

[@theway_up]

Привет, у меня не получается, не могу сдвинуться с места, мог бы помочь?

[@firepixel9701]

Лайк, подписка и что там еще можно. Где ж ты раньше был со своими уроками. Я наконец то начал понимать реакт!!!

[@rmnkot]

в vs code ctrl+p - поиск файла, ctrl+tab - навигация по открытым файлам

[@ITKAMASUTRA]

спасибо, попробуем!!!!

[@dim3143]

Можно колесом мыши сверху прокручивать заголовки открытых файлов -тоже нормальная каруселька получается)

[@lerne-du]

Еще раз ОГРОМНОЕ тебе душевное спасибо за то, что все так подробно разжевываешь. Я буквально вчера была на онлайн тренинге по react и слушала о компонентах. Рука-лицо... даже стыдно за тренера стало после того, как видела уже твои пояснения. Я не просто пишу, я ПОНИМАЮ, что я пишу и как оно примерно будет работать. Спасибо! 💕

[@user-lj8tu5rx2f]

2022 Много кто уже писал о особенностях 6 версии. Меня не устраивало, что Profile не загружался по умолчанию Ниже пример как это поравить const App = () => { return ( ) }; так же в компонентах можно поменять на Profile Позволяет не перезагружать страницу при переходе по ссылкам

[@user-vc3oi6cz9u]

Спасибо тебе!!!!Прям большое большое!!!))))))

[@user-lw4qv1yw4q]

Спасибо большое за ответ!

[@Stinflix]

* - его используют когда указан неправильный путь. Тогда получается что при каждом неправильном пути, будет отображаться Profile. А если ты хочешь чтобы при неправильном пути грузилась твоя кастомная страница 404?

[@ihorshylov8362]

Круто, спасибо большое! Получается все, делаю сам, оно как-то работает но в голове еще куча вопросов) Надеюсь к концу проекта вопросов будет намного меньше)

[@ascar66]

Все получилось. Теперь App.js выглядит так const App = () => { return ( ); }

[@theenglishhouse7397]

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

[@ayanasultanova2030]

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

[@nehilspirit435]

Спасибо за урок) Все получилось) Домашнее задание готово) Летим дальше!

[@user-li8hl1vr1x]

Все супер, все становится на свои места, очень доходчиво, смотрю дальше

[@Pavlo_Karlin]

Спасибо за курс, не упускаешь важных моментов и всё подробно и понятно обьясняешь, спасибо огромное!

[@toptorba3897]

Щире дякую Дімич -- дуже круто!!!) Маленький UPDATE: import { Route, Routes, BrowserRouter } from "react-router-dom"; ...

[@nancyrainbow_cut]

Вдруг кто-то делает наперёд как я. После кода на 16:11 выходит какая-то ошибка с Routa'ми. Не гуглите, дальше всё объясняется))

[@vladim1]

я тоже топтался на этой ошибке, пока все не досмотрел )

[@Brinzovik]

такие комментарии должны быть вверху!!

[@irynavasylenko9157]

Ааа)) спасибо, час уже гуглю)

[@NAZAR_BUK]

Дякую, ти зекономив мені час)

[@mikhailivlev]

я сам понял что смотрю уроки без подписки где то на 12-14 уроке)) канешн подписался) и перед просмотром лайк) хоть как то помогу)

[@happyrichboy7]

Первый видеокурс за который хочется заплатить! 👍👍👍

[@harmony-ai-world]

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

[@user-zm7qm1lf8b]

Все получилось, ух react завлекает с каждым видео,Крутяк Димыч Спасибо

[@user-vc6mo5nl8g]

12.11.2021! Синтаксис изменился. Теперь пишется так:

[@tootlno3774]

в топ!!!! очень помог!!!

[@just_user632]

спасибо, добрый человек

[@theway_up]

Привет, у меня не получается, не могу сдвинуться с места, мог бы помочь?

[@user-vc6mo5nl8g]

@@theway_up что конкретно ?

[@dianalevchenko631]

Просто волшебные объяснения! Безумно нравится ваш курс, всё понятно. *Мотивирует!*

[@user-ki2zs9pz4v]

Спасибо Димыч, лекции просто класс, коротенькие, мозг не успевает закипать и усваивает всю информацию. СПАСИБО ОГРОМНОЕ за твой труд!)

[@gameroom6690]

Для тех кто смотрит в 2к20 с роутами небольшие изменения: 1) import {BrowserRouter as Router, Route} from 'react-router-dom'; 2) всё заключаем в тег Router 3) отдельные пути через Route

[@NickiSchultz_]

Смотрю в 2к22, не хочет работать так

[@NickiSchultz_]

Дополняю частью рабочего кода, версия 6.3.0 Return( )

[@alexqwerty3673]

@@NickiSchultz_ Почему-то Routes is not defined

[@NickiSchultz_]

@@alexqwerty3673 а import {BrowserRouter, Route, Routes} from 'react-router-dom' добавлен? Как самурай сказал, за импорт элементов не забывать)

[@alexqwerty3673]

@@NickiSchultz_ да, все добавлено, только Routes подчеркивается волнистой линией, как я понимаю он не находит его в react-router-dom

[@user-gw9gu5kc7u]

Дима - космос, все по делу, а главное все работает, показываешь, рассказываешь - как все по документации первоисточника (это редкость сейчас)

[@keepworking2705]

19 уроков прошли как песня! Погнал выполнять маленькую простую домашку) Спасибо, всё круто.

[@user-ng7dd7fm6f]

Круто, сейчас уже стало интереснее, начинаю писать код) Спасибо

[@ITKAMASUTRA]

ага, оно как расскачка идёт - всегда интереснее! ну и темы сейчас будут поживее и поинтереснее))

[@Insert-any-prefix-]

Ну что там, нормально раскачался?

[@konstantinkuksov914]

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

[@theWorldIsMultivariate]

Огромнейшее спасибо за курс!! Ты помогаешь реализовать мою цель, быть разработчиком!!

[@user-ny3fg6vl6h]

Капец, это очень круто, я такую же штуку делал в js,а тут две компоненты и ты Бог)

[@viktorlysenko89]

Бомбим дальше!) Всем привет с Винницы!

[@MDFireX5]

Бля, давно у меня такого не было, такое чувство, что я в 2006 и смотрю сериал Солдаты, не надоедает и очень интересное, очень давно не ощущал такую заинтересованность ! Димыч THANK YOU !

[@vzgopro6065]

mersi cavt tanem, mernem janit aziz, qo shnoriv jamanaks karchacreci

[@alexey2769]

Все круто! задание выполнил. Летим дальше!

[@codegorian6057]

спосибо Димыч джан, весь курс прошел, всё было ооооооооооочень круто, сматри 2 раз чтобы укрепить знания

[@andreiBylkin]

И как дела у тебя братец? Устроился на работу?

[@codegorian6057]

@@andreiBylkin да брат, уже 6 месяца как устроился, сначала было очень тяжело, провалил около 10 собеседование, но не стаял на месте учил дальше, все будет хорошо, не сдавайся ;)

[@andreiBylkin]

@@codegorian6057 долго устраивался, если не секрет?:)

[@codegorian6057]

@@andreiBylkin полтора года

[@user-kc2dx9bc5d]

Круто. Заходит как любимый сериал 😁

[@ITKAMASUTRA]

санта-барбара (старпёры поймут) отдыхает) Димыч планирует снять серий 150)))

[@torex1123]

@@ITKAMASUTRA Проблема любимых сериалов в том, что ты не хочешь чтобы они заканчивались..(

[@nehilspirit435]

@@ITKAMASUTRA Хоспади) С ужасом поняла, что помню даже имена персонажей Санта_Барбары)) Но Евгений прав) Я тож как увлекательный сериал смотрю) Основы знаю, но видео не проматываю и не пропускаю) Столько мелочей Дмитрий рассказывает, боюсь пропустить что то))

[@kedrolit1521]

Дмитрий, привет! Классно всё преподнес и умеешь заинтересовать на следующий урок. Молодец, спасибо! Берусь за задание делать заглушки.

[@AnastesiaSpirido]

Благодаря Вашим объяснениям и комментаторам смогла настроить маршрутизацию) Всё получилось, теперь берусь за конспект !

[@scertyy]

Блин, я как зависимый - "Еще одну и ТОЧНО спать" и так до утра) Спасибо тебе за твой труд!)

[@kioko1007]

Ложись в 11 вечера, и будешь учиться в 3 раза быстрее!

[@andreiBylkin]

@@kioko1007 золотые слова. А еще пик мозговой активности с раннего утра и до 12 примерно

[@AndreiS-cu2wb]

Ты крутой, продолжай в том же духе!!!)

[@user-np9mq5xc7j]

Огромное спасибо за объяснения!!! В каждом уроке открываю фишки которые не знал не только по React но и по другим сопутствующим технологиям!!!

[@user-by6ew3ri9i]

Проверил подписку. подписан:) реакт без боли и страданий:) Очень классно все объясняешь

[@lvasmart3516]

У кого после 17-49 вылезет такая ошибка : Attempted import error: 'react-router-dom' does not contain a default export (imported as 'Route'). Исправляется тем, что импорт в App.js нужно прописать ВРУЧНУЮ import {BrowserRouter, Route} from "react-router-dom"; - именно такой, как на видео, а не тот, что прописывает WebStorm !

[@Shevchuk_Oleg]

спасибо , я уже думал не найду ошибку !!!!

[@NAZAR_BUK]

Я теж так робив

[@moteloff]

Благодарен даже в 2021году

[@denyskosyriev2256]

У меня требует Routes вместо Route. А потом не видит ни Dialogs, ни Profile.

[@user-ed3hw6um7q]

@@denyskosyriev2256 такая же фигня

[@andreygladilin5324]

и import { BrowserRouter, Routes, Route } from 'react-router-dom'; в противном случае белый экран((( Автору спасибо за изложение материала. Ну поменялся синтаксис -- не беда)

[@romankopylchak4128]

Дуже дякую))) Те що в коментарях всі допомагають, якщо є якась проблема, надзвичайно спрощує навчання!

[@nekit-programmist]

Спасибо за объяснение! Домашнее сделал) я подписан) Летим дальше!

[@kristinanarejko5024]

в app.js добавляем такой импорт: import {BrowserRouter, Routes, Route} from "react-router-dom"; весь код после return оборачиваем в далее добавляем чтоб посмотреть работает ли в браузере в пути в конце после слэша пишем то что написано в path тоесть /profile либо /dialogs.

[@user-gg2fk4nq3o]

Золотой ты человек! Что сейчас код надо другой прописывать - многие отписались, а вот как проверить, что работает - искала полчаса))))

[@evgenya_pan]

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

[@Ervin_Konig]

актуальные правки на конец 21-го года: import {BrowserRouter, Routes, Route} from "react-router-dom"; а сами роуты должны быть прописано вот так:

[@user-pk8zc4vg3n]

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

[@theWorldIsMultivariate]

Может быть Вы знаете, почуму IDE(WS) подчёркивает Routes, в импорте?? И как это исправить?

[@vasiliyyarosh2321]

Спасибо а то уже не знал что делать

[@theway_up]

Привет, у меня не получается, не могу сдвинуться с места, мог бы помочь?

[@user-mt5pj8ry5f]

начинал зимой учить, но не было времени изза работы и остановился на 33 уроке . сейчас заново за день взахлеб уже на 19. Все понятно и интересно .Спасибо !

[@II-ce6gq]

Дима, ты молодец! Всё от и до разжёвываешь и в прекрасной манере излагаешь! )

[@in_the_fox_fur]

--2021-- ** ** Теперь тег оборачивается в тег , а component={Profile} меняем на element={}(в элемент тоже прописываем тег).

[@theWorldIsMultivariate]

Может быть Вы знаете, почуму IDE(WS) подчёркивает Routes, в импорте?? И как это исправить?

[@in_the_fox_fur]

@@theWorldIsMultivariate , я работаю через Visual, такого у себя не замечала, прописывала вот так import { Route, Routes } from "react-router-dom";

[@theWorldIsMultivariate]

@@in_the_fox_fur понятно, спасибо.

[@sharomet]

Сейчас вроде --save писать не надо, npm автоматически добавляет в package файл

[@asimnurlanova5699]

Спасибо

[@kriptonVIP]

Дмитрий всё очень понятно и доходчиво благодарю!

[@mikhailgrinchenko5541]

Супер! Обожаю когда работают кнопки!!!!!

[@3PuY]

Все легко и все понятно !) Спасибо !)

[@maryia1844]

Спасибо за урок! Летим дальше!

[@musicfortheears6471]

Ребят, кто смотрит в 2023, и у кого ошибки с роутингом. В последней версии реакт-роутер-дом изменился синтаксис. Вот рабочий код: import { BrowserRouter, Routes, Route } from "react-router-dom"; const App = () => { return ( ); };

[@pavels6563]

Друже, ты оочень помог!) спасибо!

[@user-dq3rc1xu7b]

спасибо большое!

[@user-gv2dt2dx9f]

Круто! Завдання виконав, йдемо далі! Дякую за курс)

[@user-sc1ow1hr2n]

Крутяк , чувствую что постепенно становлюсь самураем. Спасибо Димыч !!!!!

[@is_eliseeva]

Дмитрий, все получилось, три элемента для роутера настроены. спасибо, еду дальше!

[@dzhekson2293]

Внимание всем кто смотрит в МАЕ 2022, react-router-dom - с появлением 6 -ой версии изменился синтаксис: 1. Импорт - import {BrowserRouter, Route, Routes} from 'react-router-dom'; 2. В App.js нужно писать только так или работать не будет - function App() { return ( ); } ДО сих пор АКТУАЛЬНО

[@sashayakimov6]

Я без function написал и работает

[@ch1cano869]

От души! Выручил)

[@theway_up]

Братан, не работает можешь помочь, через соц сеть как то

[@mikhailsvetkin735]

Спасибо за отличное видео. Но для тех кто смотрит это видео в 2022 году с версией 6 react-route-dom, то нужно написать вот так import {BrowserRouter, Routes, Route} from 'react-router-dom'; const App = () => { return ( Главное не забыть добавить BrowserRouter, Routes, Route в import.

[@worldgames3303]

Спасибо )👍

[@zhenyalesnic]

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

[@theway_up]

Привет, у меня не получается, не могу сдвинуться с места, мог бы помочь?

[@theway_up]

Есть тг или другая соц сеть, я могу скрин сбросить, если надо, но хочу разобраться что за херня

[@zhenyalesnic]

@@theway_up Там всё намного проще чем кажется. Смотри, для начала, в файле App.js сделай правильный импорт, он будет отличаться чем в видео, так как вышли новые версии данной библиотеки. Правильный импорт будет примерно таким: import {BrowserRouter, Routes, Route} from "react-router-dom"; Далее, в этом же файле, после скобки слова return пропиши тег и закрой его перед последней скобкой с точкой и запятой. Третий этап: все теги что у тебя есть в данном файле, оберни их в тег , и не забудь его закрыть после последнего . Вроде это всё, что тебе нужно сделать

[@maksym_shkaf]

Ты так поясняешь, что я даже не знаю как можно не понять)) спасибо! Погнали дальше

[@snoopquits-friend]

то чувство, когда реакт на ts сейчас легче идёт, чем когда-то js

[@user-qx4gg4im2b]

ЭТОТ комментарий для тех, у кого не работает программа из-за ошибки 'Route' is not defined. Я долго думал и нашёл в чём проблема. Просто вы плохо установили react-router-dom на этом моменте 12:50. Посмотрите в какую папку вы устанавливаете этот модуль. Вся моя проблема была в том, что я устанавливал этот модуль не в ту папку и я просто перешёл на уровень выше в файловой системе и всё успешно установилось, а после и заработало. Короче может я и плохо или не правильно объяснил, может для когото эта ошибка звучит глупо, но я просто хочу помочь такому же человеку, как и я. Это один из выходов в этой проблеме, который помог мне, вам он может и не помочь.

[@vally8027]

проще говоря, положите в папку своего проекта, у меня это папка my-app

[@user-or5hs7yw7r]

Все круто, бомбим дальше!)

[@romanmykhasiv1661]

Спасибо ! Сделал задания и погнал дальше )

[@maxim.saharov]

полный рабочий код файла App.js на 13.03.2022: import React from 'react'; import './App.css'; import Header from './components/Header/Header'; import Navbar from './components/Navbar/Navbar'; import Profile from './components/Profile/Profile'; import Dialogs from './components/Dialogs/Dialogs'; import {BrowserRouter, Routes, Route} from 'react-router-dom'; const App = () => { return ( ); } export default App;

[@user-um8kp9yw5m]

Всем привет из 2024. Сейчас рабочий вариант такой: import { Routes, Route, BrowserRouter } from 'react-router-dom';

[@xikien427]

Спасиб кста комент написан 5 месяцев назад как там прошел путь самурая офер получил ??

[@sirlion1549]

После этого урока мне сразу захотелось изменить component на render) Обалденная подача материала!

[@Noname-dt4lv]

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

[@azizbek1106]

2021 году версия: "react-router-dom": "6.0.1", import { BrowserRouter, Routes, Route } from "react-router-dom"; вместо Switch импортируем Routes

[@dimavavilov7737]

тоже за этим тут, спасибо)

[@dimavavilov7737]

Благодарю

[@ger4ek552]

Спасибо :)

[@ogaaness]

Ребятки, если хотите что бы было как на видео, напишите в терминале npm i react-router-dom@5.3.0 после чего в App.js напишите код как на видео import {BrowserRouter, Route} from "react-router-dom"; import (компонентов) function App(props) { return ( ) }

[@pavlokabashtur1274]

це робочий варіант дякую

[@olehivanov2380]

Спасибо! Идем дальше. Урок топ.

[@UnwarO]

Best of the best, like, очень доходчиво всё объяснил в этом уроке!))) Спасибо, гоним дальше!)

[@user-td9wk2kq2o]

обратите внимание на синтаксис, долго мучался и искал ответы.

[@DenyaOverview]

Спасибо

[@theway_up]

Привет, у меня не получается, не могу сдвинуться с места, мог бы помочь?

[@vyacheslavpm3779]

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

[@user-ri7io8el7k]

2021 г. май - все получается. Другие три страницы (ссылки) создать получилось. Спасибо Димыч!!!

[@Milku_kit]

В общем, ребят. По состоянию на 2023: 1) npm uninstall react-router-dom 2) npm i react-router-dom@5 -save const App = () => { return ( ); }

[@CrusaderDen]

Спасибо

[@user-pg1xv8wm4j]

Мне помогло, спасибо

[@wise_dev]

npm install --save react-router-dom с 10 минуты, вопрос обсуждался ниже.......

[@compot8279]

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

[@user-yd2dk4ti4s]

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

[@lennyskywalker7799]

Решила тоже приносить чуток пользы. Если будут появляться какие-то новые хоткеи в WS, буду в качестве комментария их писать под видео) Вдруг кому-то еще пригодятся :) Из тех, что записала на данный момент: Правый Ctrl + Shift + . - закомментировать; Alt + F12 - открыть терминал; Shift + F6 - переименовать файл; Alt + Enter - контекстное меню; Ctrl + Alt +L - форматировать код; Ctrl + Shift + N - поиск файлов; Ctrl + D - дублировать строку.

[@sashabull7866]

Все гуд бегу далее)) А тема с картой проекта реально все упрощает!

[@user-mh7gm4lr3j]

Спасибо! Смотрю дальше!

[@soltanbkz]

кто смотрит в 2023 route чуточку поменялся: import { BrowserRouter as Main, Route, Routes } from 'react-router-dom' const App = () => { return ( ); }

[@nasimmamatkylov5457]

Белый экран, видно только хидер и навбар без бэграунда

[@ivanmiarkulau8320]

Очень важная и интересная тема роутинга/маршрутизации и его организации в ReactJS с помощью router, browser-router)спасибо за урок)

[@demka9796]

Спасибо большое за твой труд! Смотрю дальше )

[@mikhailpodlevskykh8500]

Не подписался - значит не программист! :)

[@nehilspirit435]

Не подписался - значит жопа неблагодарная!))

[@hryva.ihor1993]

у кого не работает попробуйте так: import { BrowserRouter, Routes, Route } from "react-router-dom";

[@kendrickkalmar]

не работает

[@ya_aan]

Четко сработало , я два часа сидел голову ломал че за фигня, лучший ))

[@Amourphys]

Спасибо вам огромное за информацию, подписался, всегда лайкаю и оставляю коменты, а сейчас еще и колокол нажал👍🤘