React protected routes in 4 minutes

[@bones1343]

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

[@Appwrite]

Perfect timing 😁

[@himanshuprasad5461]

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

[@Appwrite]

😁

[@davidofug]

Insightful tutorial. Something developers might need to test is the hitting the reload button when the user is set to true. To ensure they remain on the current page.

[@Appwrite]

100%

[@sharonraj801]

Thank You bro, less duration with more details

[@berkaysenoglu1784]

Really fast and efficient , thanks!

[@JieclarkDeveloper]

the best tutorial I fix my problem on protected route thanks sir , I hope you make a video about supabase authentication

[@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

[@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

[@faizan5738]

Thank U sooooo much GOD Bless You

[@CarlosDuque-e3j]

What vs code theme is that? :O

[@alvasBV]

Maybe a bad question but if there is any sensitive data, isn’t the page loaded by the browser anyway ? So he could just snif the traffic and get the page even tho he is not auth ?

[@ZahidHussain-hj2dk]

beautifully explained

[@Appwrite]

Glad you liked it :) - Dennis Ivy

[@victorcr2734]

amazing, thank you very much

[@Appwrite]

😉

[@modsiwenterprisesmetalfabr9554]

Why am I getting Uncaught Error: You cannot render a inside another . You should never have more than one in your app.

[@Appwrite]

Because you put *, but you need, but you need , remove the "R" in the nested Route. -Dennis Ivy

[@metadope9407]

Pretty accurate 👍🏻

[@haophu3121]

cam on thay Hoang

[@samuelkamau1550]

nice tutorial, great voice👍

[@solongdygaming4729]

Thanks ❤

[@stivenreina2267]

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

[@Devwithaayu]

thank you show much

[@Appwrite]

My pleasure! - Dennis Ivy

[@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.

[@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

[@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

[@Ad9911io]

What if it takes 20 seconds to fetch the user?

[@HarishKurupnarayana]

@@Ad9911io show a loader

[@Pepe-tp5mk]

Best video but Appwrtite query don't work

[@Appwrite]

Which one?

[@Pepe-tp5mk]

​@@Appwriteabout listdocument

[@Pepe-tp5mk]

@@Appwrite about ListDocument Query

[@frontendkundaligi]

pretty cool

[@khcreations1417]

YOu are Awesome

[@Appwrite]

😁

[@mohaymenul-islam]

Great

[@withmi6]

thanksssssssssssssssssssssss

[@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 “