Protected Routes in React using React Router

Показать описание

In this video, we will create a protected route using React Router. This route is accessible only when the user is logged in.

--

Рекомендации по теме

Комментарии

Amazing 4yr old video that's still relevant today. Thank you for making this.

adeleke

Thanks - this was really helpful. I like that you kept everything simple and didn't get overly complicated, that made it very easy to pick up the concept and start coding.

olendaelhousen

if anyone is using routes with children:
e.g.
<ProtectedRoute path="/homepage">
<Component1/>

<Component2/>
</ProtectedRoute>

then do this:

import React from "react"
import {Route} from "react-router-dom"

const ProtectedRoute = ({children, ...rest}) =>{
return (
<Route {...rest}>
<>{children}</>
</Route>
)
}
export default ProtectedRoute;

suketupatel

Now, I really didn't expect this to end up being a perfect ASMR video

Elliewebd

Mention of "withRouter" saved my live🙏🏻🙏🏻🙏🏻🙏🏻

vishwasr

omg i've been looking this for 2 hours, thank you a lot :DDD

stevendiaz

Thank you so much for such a beautiful Video....Had not slept since last night since I was trying to do it by reading Documentations...You're so great....Wish I had explored this thing before!!

bidhyapokharel