Expo Router | Beginner's Crash Course

Рет қаралды 10,690

Күн бұрын

Hello friend! In this video we learn how to use Expo Router to handle navigation
🚀 React Native Course 👉🏼 codewithbeto.dev/learn
🚨 New React with TypeScript course 👉🏼 codewithbeto.dev/learnReact
React Navigation Tutorial: • React Navigation Tutor...
Get an exclusive 40% discount on CodeCrafters with my referral link: app.codecrafters.io/join?via=...
👨🏻‍💻 ☕️ 🌟 Join this channel to get access to perks:🌟 ☕️ 👨🏻‍💻
/ @codewithbeto
👯 Join the Discord: / discord
⌚️ Timestamps ⌚️
0:00 Introduction
0:50 Expo Router VS React Navigation
10:38 Creating New Expo Project
13:17 Exploring Expo Router Template
24:56 Adding Authentication Flow
29:00 Authentication Context
40:33 Handling Navigation
48:28 Conclusion
⭐️ If you want to learn more about me, check this links:
Twitter: / betomoedano
Instagram: / betomoedano. .
Github: github.com/betomoedano
Linkedin: / betomoedano
Discord: / discord
Code With Beto: codewithbeto.dev
Medium: / betomoedano01
Figma: www.figma.com/@betomoedano
⭐️ My apps & projects:
► Code With Beto: codewithbeto.dev/
► Eco Studios:www.ecostudios.dev/
⭐️ Contact: betomoedano@outlook.com

Пікірлер: 30

@abheygupta2332 4 ай бұрын

Hey, facing issues changing the fonts of my react native app. A video on that would be appreciated 😊

@user-ti4dp5zu7n 4 ай бұрын

Do you have some video talking about scheduling? Example: I am a consultor and would like available dates and hours to possible scheduling…

@TimoHuennebeck 2 ай бұрын

Thanks for the video! It def. cleared things up for me. However, I didn’t quite understand why we had to create an (app) folder. Couldn’t we just leave the (tabs) and (auth) inside our default app directory?

@JAlex-bn9qi Ай бұрын

Hello Beto How do I this without Auth? I just want a welcome screen.

@takedownccp 2 ай бұрын

I add this in auth.tsx, because route not redirect after clicked the SignIn button ```typescript signIn: () => { setUser("UserA") router.replace("/") }, signOut: () => { setUser("") router.replace("/(auth)/login") } ```

@ExpoDevelopers 4 ай бұрын

Great video Beto!

@praweewongsa 3 ай бұрын

thank you bro

@manarthpatel5362 2 ай бұрын

i m using expo sdk 50 + and latest version of router. when i tried to make authcontext provider as you made , i m finding this error, "the error says: Attempted to navigate before mounting the Root Layout component. Ensure the Root Layout component is rendering a Slot, or other navigator on the first render. "

@nwaformicah433 4 ай бұрын

Nice job sir. Am working with Express server and i want to navigate to another page with some data from my server when my server return date with status code 2000. Please sir, i need some detective from you?

@minhtranquang9598 4 ай бұрын

Hi, i saw on your website is your course having react native & react with typescript, is react with typescript is a course of react native + typescript?. And all of content in that course is latest ?

@codewithbeto 4 ай бұрын

React with typescript is a course that just focuses on react for web. We learn nextjs and typescript. And yes it is up to date

@bladbimer 3 ай бұрын

Thanks for this interesting video, would it be possible to have the code on github, I wasn't able to find it.

@willdunertm5047 4 ай бұрын

Soon v3 will be released, would you make a video showing the new features?

@codewithbeto 4 ай бұрын

Yes! 🙌

@macabro019 21 күн бұрын

Tengo la duda de como tienes las rutas tipadas, acabo de crear un proyecto de react native con expo go y las rutas no me aparecen tipadas. Skd 50, expo router v3, incluso estoy usando la template de navigation, sabes si debo configurar algo mas?

@smalls5001 7 күн бұрын

tengo el mismo

@phantazzor 3 ай бұрын

is that the only way to do auth ?

@studioak90 17 күн бұрын

default props error in react-native-calender-picker

@AjaySingh-jz8qx 4 ай бұрын

How can we use tailwind css in expo with typescript i had try that but it fails in compiling it

@euanmorgann 4 ай бұрын

Check out nativewind v4

@El_ii 20 күн бұрын

Now, with Expo 51 if you used Expo 49, you are being forced to migrate. I had to completely rewrite my almost finished App and now need to start from the beginning again so unnecessary...

@codewithbeto 20 күн бұрын

Oh wow 😮