Migrating from React Navigation to Expo Router

You want to move from React Navigation to Expo Router v3 and enjoy file-based routing for React Native apps? Let's go through an actual code example to see how to migrate your React Navigation screens to Expo Router!

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

❤️ You can also find me on:

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

00:00 React Navigation Example
00:52 Expo Router Manual Setup
03:30 Migrating React Navigation Tabs
05:33 Migrating a Modal
07:59 Migrating Routing from Code
11:15 Migrating Nested Stack Navigation
18:45 Benefits of Expo Router

[galaxies_dev]

Join Galaxies.dev today - the Home of the Best React Native content🚀

[littlejacob]

expo router is a game changer thank you Simon

[ahmadaccino]

glad expo router didn't try to reinvent wheel when it comes to those navigation components even in v2. the best thing a framework can do for adoption is to make the api familiar

[samirtagizade]

Great one Simon! expo router definetely looks like a go to navigation solution, I wanna try it on one of my projects now, lol

[rahulkathayat]

Hey simon, can you please make a video on how to handle native modules in expo with expo-dev-client and how expo tackles the problem it used to face back in the day with native stuff

[FaysalBDev]

super amazing... hope it goes smooth :D

[eliecersmora]

Thank you brother. Now I undertand how to do it

[ytlagu]

Hey Simon, great video, one quick qn: that cool trick where you draw stuff on the screen, how do you do it? See timeline 13: 36

[ShortCodeDev]

🎯 Key Takeaways for quick navigation:

00:00 *🚀 Expo Router version 3 is discussed for migrating React Navigation applications.*
01:08 *🛠️ Manual installation of Expo Router involves adding packages and removing unnecessary ones like bottom tabs and Native stack.*
02:14 *📝 Configuration steps include updating the package.json, setting up an entry point, and modifying the Babel config.*
03:09 *🔄 Code cleanup involves removing unnecessary files and creating a new index.tsx file as the entry point.*
05:20 *📊 Creating a tab bar using Expo Router involves creating a layout file and adjusting the code for TS screens.*
07:46 *🚧 Nested layouts and headers are managed to resolve display issues.*
09:26 *🧩 Leveraging Expo Router's typed routes involves enabling type routes in app.json for improved code suggestions.*
16:52 *🌐 Navigation options include using the Link component or the router's push method with specified parameters.*
19:01 *🔄 Migrating from React Navigation to Expo Router offers benefits like type routes, bundle splitting, and simplified code structure.*

[willyrosahuanca]

Can u share the react navigation video about this so I can start from that.

[YashNandha]

Do we use the Expo router in traditional react native applications ( not expo )

[msrajawat]

Hi Simon, I really liked your video.
Could help me here ?
I am working on expo router trying to develop android application. During development I Observe that if I am creating any new file it is showing in menu, like if I am using tab navigation using expo router and created a new file which is showing as menu in bottom tab. Similarly in drawer menu also.

Can anyone help me how I can fix that issue ?

However maybe it is default behaviour of expo router but I don't want to show each file in menu.

[olimpioadolfo]

Why expo router is so confusing. Is it possible to use the Stack, Drawer and Tabs navigation on a single app using Expo router?
It is very possible using React Navigation but with expo router is so confusing

[khalilbugti]

React native cli or expo i am so confused any detail explain please.

[nikihl-sk]

Expo av video player, how can i achieve landscape mode ?

[mhraihan]

can YOU make a vide how to implement native wind with the expo router, please?

[bladbimer]

Hi everyone, does anyone have an idea on how to cleanly resest the history using this ? I just want to ensure the user can't click on back button mostly during authentication phase such as account creation and logout. Thanks for your help :) if anyone knows.

[ExpoDev_Dash]

couldnt see the tab entire video, your face was not that important