High Definition Standard Definition Theater
Video id : zh6Sc1flK2g
ImmersiveAmbientModecolor: #f4aeaf (color 2)
Video Format : 22 (720p) openh264 ( https://github.com/cisco/openh264) mp4a.40.2 | 44100Hz
Audio Format: Opus - Normalized audio
PokeTubeEncryptID: 0c9d5e152901fd3dce48f43abe0ad7847c4a4355fbdd5da9890dd23b26e0d6550ba8a8bab8f7f26b2ec38a9d1d9a8bcd
Proxy : eu-proxy.poketube.fun - refresh the page to change the proxy location
Date : 1715306897709 - unknown on Apple WebKit
Mystery text : emg2U2MxZmxLMmcgaSAgbG92ICB1IGV1LXByb3h5LnBva2V0dWJlLmZ1bg==
143 : true
Master React Native Authentication with Expo Router & Clerk
Jump to Connections
18,602 Views • Aug 15, 2023 • Click to toggle off description
In this tutorial, you'll learn how to integrate Expo Router and Clerk for seamless user authentication, ensuring top-notch security for your React Native app.

🎉 Check out Clerk: tinyurl.com/26nv4ut7
🔥 Learn React Native: galaxies.dev/

🔗 Get the code: github.com/Galaxies-dev/react-native-clerk-auth
📚 Read the tutorial: galaxies.dev/react-native-authentication-clerk

#############################

❤️ You can also find me on:
Instagram: instagram.com/simongrimm_
Twitter: twitter.com/schlimmson

#############################

#reactnative #clerk #expo

00:00 About Clerk Authentication
01:04 Expo & Clerk Setup
09:31 Clerk Signup & Login Flow
21:25 Building a protected Inside Area
30:40 Update Clerk User Profiles
34:36 R
Metadata And Engagement

Views : 18,602
Genre: Education
Date of upload: Aug 15, 2023 ^^


Rating : 4.602 (35/317 LTDR)
RYD date created : 2024-05-10T00:18:32.388526Z
See in json
Tags
Connections

YouTube Comments - 52 Comments

Top Comments of this video!! :3

@galaxies_dev

8 months ago

Get started with Clerk for free: clerk.com/?utm_source=sponsorship&utm_medium=video… Learn React Native FAST by becoming a member of galaxies.dev/ today [FREE] galaxies.dev/reactnative

1 |

@vilioralex2701

7 months ago

Thank you for your content SImon, i was looking for a similar video. I have integrated auth via my backend and implemented this in similar way. The only problem i have is that wherever in my app i use either the router.back() or navigation.goBack() it redirects me to the route i replaced in my useEffect. Have you had the same issue?

|

@matheusbrauna102

8 months ago

I was totally stuck trying to figure out how to use Clerk with Expo router, and bam, this video pops up right when I needed it!

3 |

@james-perkins

8 months ago

Great video Simon! Thanks for covering Clerk <3

5 |

@adriangutierrezalonso7828

8 months ago

I was integrating Expo with Clerk and Convex and this video was a lifesaver. Thanks, Simon for this awesome tutorial

1 |

@matheusesramos

8 months ago

What would the structure of folders and routes look like if we used styled-components to style the screens using an external style file? It would be something like: app/(public)/login/index.tsx + styles.tsx?

|

@nicolasaguilar2202

1 month ago

Simon, when you create that structure to protect areas of the app you create (public) and (auth), but how you create when you have 4 icons (tabs) and you want to show or not show items from both folders? Thanks man, your materials are priceless! Nico.

|

@stanislavschaefer3233

8 months ago

Can you make a video on migrating from React Router to Expo Router? That's something the Expo documentation is missing, which will be helpful to many beginners.

3 |

@jessechounard

4 weeks ago

At 28:30, signIn and setActive might be undefined because you aren't checking for isLoaded on this screen.

1 |

@kh0ng0rzu1ALTANGEREL

1 month ago

hey, i'm new to this and i want to ask something it is somehow connected to base right or clerk do this on own can i still do this like this even if i need to merge my backend and frontend

|

@maslovskyy

8 months ago

you're producing a great tutorials, really Thanks, for your work

|

@epicgameryt4052

8 months ago

Shouldn't you add the segments constant as a dependency in the useEffect? Now we will just check on the first page visit if there are any segments, but if you console.log this, this segments array will have a length equal to 0.

2 |

@derekjohnson7768

8 months ago

When I try and use a tab navigator in my (auth) layout, it's giving me this error: The action 'REPLACE' with payload {"name":"home"} was not handled by any navigator. What do I do?

|

@JokeBookGames

8 months ago

You know, i want to love expo-router, the authentication part is just not working for me like a user expects. Lets say ur authenticated and u open app, there will be a flicker bcs of navigate from default stack to authenticated stack i got around this by increasing the splashscreen, but after that i faced many other issues such as a delay between paginate and many more. I way more prefer the unmounting of the screens like we do in react-navigation.

|

@nikolaus-lukasthomas6288

3 months ago

Hi Simon, thanks for the video. I am planning to use something similar, but I will need a backend (let's say nodejs/express). How could I check in the backend if the user is authenticated? Thanks in advance!

|

@alexleung842

8 months ago

I'm trying to get Next.js + Capacitor + Clerk working and having issues. Basically I need App Links to work right? Not easy for local development.

|

@olawumisegun5898

8 months ago

Thanks for this tutorial, can you please do an over the air update for react native expo app?

2 |

@Del4k1

8 months ago

make more cursors about angular

1 |

@shobinsebastian7745

8 months ago

I have two user roles in my application one is called 'buyer' and the other one is called 'seller' if the user is registered with the role 'buyer' i need to hide few pages and bottom tab navigators from the user like "Create/Post product page" etc.. and if the user is registered with the role 'seller' then i need to hide some pages and bottom tab navigators from them too..and i have the settings page as a common page for both users but i don't know how to hide these pages from the user's and make the settings page only the common page...how to do that? I am using react native expo

1 |

@user-ce5rw1in7r

8 months ago

My clerk provider dont rocoganize the option tokenCache, i follow the video and documentation but idk wy when i ttry to put a token cache in clerk provider its give me problem with typescript

|

Go To Top