How to handle auth redirect to dashboard in reactjs

Hi,
When we start the project direct redirect "localhost:3000" but we need "localhost:3000/auth/login". After that logged in successful then react-router redirect "localhost:3000/admin". When accessing a URL that requires login, users are now redirected to the login page, then redirected to the URL they were trying to access . React-router-dom redirect after login to dashboard when users access everything.

When I submit the email and the password to login, it will be redirected to the dashboard but before that react-router redirect redirect to login in reactjs. This is very easiest way to use this method is by maintaining a redirect property inside the state of the component. Whenever you want to redirect to another path, you can simply change the state to re-render the component, thus rendering the redirect component.

In reactjs i saw so many post how to handle login redirect to dashboard using react-router but only one solution i got from there. This is but this is not getting all solution for react-router-dom redirect "/dashboard" URL. There will be times that we need to protect certain pages or routes so only authorized people can access them. We can use the Redirect component supplied to us by react-router-dom to direct users away from pages they shouldn't be able to get to. Returning a Redirect component will cause the page to redirect to the page we desire. Now if you head over to your browser and try logging in, you should be redirected to the homepage after you've been logged in.

Now, I am using Localstorage for storing token, if you will get token then redirect admin page "/dashboard" otherwise it will show unauthenticated users & redirect to login page "/auth/login". When you fetch data from API, there will be session management . It will expire within 2-3days later so we store token & based on token we redirect URL login to dashbaord. So many question ask on how do you implement login in reactjs. We protect our CMS routes. We need to checkk if a user is logged in, and if they are not, we will redirect them back to the login page. Instead of pushing onto the history object, we can use the Redirect component to do this for us. How to handle auth redirect to dashboard in reactjs this is very conceptual question for everybody. & we didn't get good solution but you will read & just do same as me then you solve your problem.

React js token authentication using local storage?
Now, why we need token authentication in this project, why will store token in handling auth auth redirect to dashboard in reactjs. So, I want to tell you, from backend side usijng jwt & session management for security purpose. If one time you logged in then how many days will be log in. So, from backend will create session using jwt & it will fix after 2-3days latter session expire or token expire automatically . 
So, question is where to store jwt token react . In local server it will store when you logged in . After that, we will do manipulate of URL for react login redirect to home. Actually, the structure of the tokens object is not critical for us. In the simplest case, it might be a string with an infinite access token. But we want to look at how to manage /auth/login & /dashboard. 

💕💕💕 Subscribe Our Channel For More Videos 💕💕💕 ---

**** If you need validation code in react js ****

#project structure in react js - part 1

#project structure in react js - part 2

👍👍 Support Us ❤❤💕💕💕

LIKE | COMMENT | SHARE | SUBSCRIBE

About : BeYondTechz is a YouTube Channel, where you will find technology, coding & programming videos in Hindi, so follow us.

[hernanlandau]

Just found this and worked perfectly. Just wondering, what would be the difference between window.location and using a <Redirect> or a history.push. I was trying to avoid history.push and Redirect didnt work for some reason.

[vivekmehta]

how to redirect to the same url that user entered after successful login instead of redirecting to dashboard? using private route, the state object stores the previous path but i can have only access in login component, not in dashboard component. so i can't use history.push to state.pathname into the dashboard. any solution?

[federicomelo]

Hello, I would like to know what Linux distribution you are using together with the desktop environment

[vamsikrishnat]

Need the git link to clone this project