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

🚀Стань квалифицированным разработчиком за 9+ месяцев с трудоустройством в IT —INCUBATOR:

Front-end
https://it-incubator.io/front-end/?ut...

Back-end
https://it-incubator.io/back-end/?utm...

Поддержать меня можно на:
Patreon   / itkamasutra  
Boosty https://boosty.to/itkamasutra
или оформив спонсорство на данном канале.

Помогайте друг другу вот здесь: https://t.me/reactjs_samurai
Уроки по React JS:    • Курс "React JS - путь самурая 1.0", у...  



Ууууух, наши уроки по React JS становятся всё интереснее и интереснее!!!

У нас ведь теперь есть 2 конмпоненты главные (Dialogs и Profile), по сути, 2 разные страницы! И нам хотелось бы между ними как-то переключаться!!!

И тут нам на помощь приходит компонента Route

Как она работает? Компонент Route просто следит за адресной строкой браузера и ... Если замечает, что там отображается "свой" (нужный ей) URL, то автоматом отрисовывает нужную компоненту!

А вот то, что в данном уроке я прописывал:

* установка пакета:
npm i react-router-dom -save

* пример (замените знаки ⋗ и ⋖ на нормальные):
Вот в это нужно обернуть компоненту App:
⋖BrowserRouter⋗ ⋖App /⋗⋖/BrowserRouter⋗
А вот так добавлять уже сами роуты:
⋖Route path='/dialogs/' component={Dialogs} /⋗
* Сайты:
https://it-kamasutra.com
https://it-incubator.eu
https://samuraijs.com

* Мы в соц. сетях:
https://vk.com/itkamasutra
  / itkamasutra  
https://telegram.me/itkamasutra

* Мои личные VK и Insta:
https://vk.com/d.kuzyuberdin
  / it.kamasutra.dimych  

#reactJS #практика #примеры #уроки #курс