Expo Router | Beginner's Crash Course

Подписаться 9 тыс.

Просмотров 11 тыс.

50% 1

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

Наука

Опубликовано:

8 июн 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 30

@abheygupta2332 5 месяцев назад

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

@user-ti4dp5zu7n 5 месяцев назад

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

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

@TimoHuennebeck 3 месяца назад

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?

@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") } ```

@JAlex-bn9qi Месяц назад

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

@praweewongsa 4 месяца назад

thank you bro

@willdunertm5047 5 месяцев назад

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

@codewithbeto 5 месяцев назад

Yes! 🙌

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

@ExpoDevelopers 4 месяца назад

Great video Beto!

@macabro019 28 дней назад

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 15 дней назад

tengo el mismo

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

@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

@studioak90 24 дня назад

default props error in react-native-calender-picker

@phantazzor 4 месяца назад

is that the only way to do auth ?

@El_ii 28 дней назад

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 27 дней назад

Oh wow 😮