React protected routes in 4 minutes

React protected routes with react router version 6.
Instructor: / dennisivy11 / / dennis-ivanov
💬 Follow Appwrite on social media & join our Discord community.
• Twitter: / appwrite
• Discord: appwrite.io/di...
• LinkedIn: / appwrite

[@himanshuprasad5461]

I don't have any words I just wanna appreciate you. Just keep spreading your valuable knowledge

[@Appwrite]

😁

[@bones1343]

What a coincidence that this pops up as I was working on this with Appwrite today 😄

[@Appwrite]

Perfect timing 😁

[@sharonraj801]

Thank You bro, less duration with more details

[@berkaysenoglu1784]

Really fast and efficient , thanks!

[@solongdygaming4729]

I'm so lucky to found your video ❤

[@Appwrite]

😁

[@shubhamdas6519]

easy fast efficient, thanks a lot sir

[@heech6941]

Hello any ideas why when I did this and user clicked on protected routes even though they are not logged in, a blank white page shows up for milliseconds and then redirects me to the login page

[@CarlosDuque-e3j]

What vs code theme is that? :O

[@HijabiCoder]

Finally the mouse let you do your thing? 😅
Nice technique for protecting routes, I don't think I realised that you could nest routes within a . Thought it had to be only 🤔

[@Appwrite]

We decided to set a schedule for when he's allowed to make noise. Deal was a win win. 😁
And yea, the Routes nesting is a change made in react router V6 - Dennis Ivy

[@Devwithaayu]

thank you show much

[@solongdygaming4729]

Thanks ❤

[@ZahidHussain-hj2dk]

beautifully explained

[@Appwrite]

Glad you liked it :) - Dennis Ivy

[@metadope9407]

Pretty accurate 👍🏻

[@victorcr2734]

amazing, thank you very much

[@Appwrite]

😉

[@samuelkamau1550]

nice tutorial, great voice👍

[@mohaymenul-islam]

Great

[@frontendkundaligi]

pretty cool

[@stivenreina2267]

great video, but, how do i protect auth routes?

[@limitedclashbimal8842]

Is there any issue with the appwrite 14.x version its showing error in createEmailPasswordSession()

[@Appwrite]

You seem to be using an SDK version that is compatible with Appwrite 1.5.x and not 1.4.x. You probably need to use one version before what you're currently using.

[@chowiee5688]

In protecting routes i can use loaders?

[@Appwrite]

From what I understand, loaders can only be used if you create your routes with "createBrowserRouter", but either way, this would work the same.

[@khcreations1417]

YOu are Awesome

[@Appwrite]

😁

[@HarishKurupnarayana]

What if I access the login page after the user is set to true?

[@Appwrite]

You would wrap the login page with a parent that doesn't render the page until this check is made. i.e. context api would do this. - Dennis Ivy

[@HarishKurupnarayana]

@@Appwrite thanks for the reply, will try

[@alphacentauri8035]

What if it takes 20 seconds to fetch the user?

[@HarishKurupnarayana]

@@alphacentauri8035 show a loader

[@0raffay]

What is that vs code theme ?

[@Appwrite]

Halcyon Theme

[@Dharmic_developer]

I used appwrite in my flutter app...it was smooth experience with only a problem i am having now about how to make database relationships ...
Any help is appreciated...thank you

[@Pepe-tp5mk]

Best video but Appwrtite query don't work

[@Appwrite]

Which one?

[@Pepe-tp5mk]

​@@Appwriteabout listdocument

[@Pepe-tp5mk]

@@Appwrite about ListDocument Query

[@jaguardeva772]

why do I get an error like this? SyntaxError: Unexpected token '

[@jaguardeva772]

I think there is no error in my syntax
import { Navigate, Outlet } from "react-router-dom";
const PrivateRoutes = () => {
const { isLogin } = useAuth();
return isLogin ? : ;
};
export default PrivateRoutes;

[@Appwrite]

Looks like you just had an extra “