Role Based Routing in React JS | Role Based Navigation Links | React Router Dom tutorial

preview_player
Показать описание
#reactjs #reactrouter #reactnavigation
In this react-router-dom tutorial I have explained how to implement role based routing in react JS, how to define role based navigation links to navigate on user role based react components

This video focuses on
- How to implement role based routing in react JS
- How to define role based navigation links
- How to navigate to user role based react components using react-router-dom
- How to create protected or private routes in reactJS
- How to create public or guest routes in reactJS
- How to define Public Router Elements
- How to define User Role Based Router Elements
- How to handle role based routing and role based component in React JS
- How to create user role based navigation bar links in application header
- How to redirect user to home page from protected routes in react
- How to show custom messages on protected routes access
- How to create generic page not found route using react-router-dom in react

For detailed tutorial on react-router-dom v6 please watch following video

In case of any question please let me know in comments below.

Happy Coding!
Рекомендации по теме
Комментарии
Автор

Simple and clear one thanks!!And I appreciate you replying to all the comments and Questions.This piece works just like that When I took your idea of showing and hiding Links based on ROLES.

Oceancoastwaves
Автор

This helped me with my final year project. Thank you very much!

Waltuuuh
Автор

a very nice way to explain things & controls over components

NasirKhanPk
Автор

Thanks to show new concept...its really helpful to understand role based routing. Great work sir

veervirk
Автор

Awesome tutorial Amir, super easy. Thanks a bunch!

aaaliiiu
Автор

Worth content 😍 if possible please put a video for bulk data upload in material ui data grid.

naveens
Автор

Enterprise Grade content here !!! Many thanks

arnaudpoutieu
Автор

It would be great if we could have an admin/user login system video of how to implement it using firebase as the database for it .

lothrickk
Автор

What if the user is able to change the js code in the browser then he can easily set the curremt user property

eismgps
Автор

How to dynamically change the role based on the user login?

j_
Автор

can you make this using react native expo app js?

joshuaagena
Автор

is there any related blog where i can access tutorial code?

xbewotw
Автор

please update the chrome😃. but video explanation is good and helpfull.

apurvkhalas
Автор

can you do this with firebase i really need this for my project i want a login system for user and admin and if the account is admin the user will be directed to admin dashboard/page and if the user is normal user or student it will direct the user to the user page/panel

dqrk
Автор

It's work but when redirect to children then it's not displaying children component data 😢

everythingstogo
Автор

Is it secured if i used for real world project?

waltergermanes
Автор

i want to give a particular id access to a link how can i do that pls

dimejifalayi
Автор

Hi @CodeWithAamir ... do you have a video smooth scrolling to anchor tags on a single page react app, using the latest ant design menu, Previously it was easily achievable using this library react-router-hash-link,

<Menu.Item key='1'>
How It Woks
<Link to='/#howItWorks' smooth='true' />
</Menu.Item>

how can i achieve this if now the menu is just

<Menu items={[{label: 'How It Works', key:'howItWorks']} />

altered.thought
welcome to shbcf.ru