Protected Routes & Private Routes in React JS with React Router V6 || Role based Routing

Hello everyone,

In this video, I explain the different types of routing in React JS. We cover Protected and Private Routes in React JS, which help ensure that users can only access specific screens based on their authorization and permissions. By applying these routes, we enhance the security and user experience of our applications.

Additionally, we demonstrate how to manipulate the navigation bar based on routing, ensuring that the menu options dynamically adjust according to the user's access rights and the current route.

Watch the video to learn how to implement Protected and Private Routes and dynamically manage your navigation bar in your React JS projects!

Frontend Code:

Backend Code:

Thank You.

[cranticumar]

wow! amazing. really im learned new thing here.. thanks alot brother..

[royerrrrutti]

wow, I thought at the beginning of the video that it was with the new api xd

[farisoldie]

is this the best practice for private routes and protected routes ?

[mr.RAND]

The user client has access to localstorage. Sad security.

[anshumaan]

hi brother, I am watching your video in continuation, can you pls also explain user and admin login using firebase. It will be great help

[mrjoker]

Can we fix that little blink ? Bcoz in my application we can read that see page