I can't thank you enough for this! I was going on looking for all possible info on the net about how exactly to do what you are explaining here, and I just couldn't find the right info. It was a bit frustrating to say the least. But you've successfully explained it in just 10 minutes!! That's just awesome! Thank you again.

The contents in this channel is very infomative,it really helps me understand react native and able to go on. and I like how you explain in each part which important but most tutorial i found don't have.

This is exactly what I was looking for, thanks a lot. I think if you need to say home/index when you don’t have the layout file and that’s why you were getting a warning.

At 3:14, if you define a React component as an anonymous function, i.e. `export default () => `, then React Refresh won't be able to restore the state inside that component correctly. This is because the function name is used as a restoration ID for components.

Thanks dear for helping me to digest cool stuff easily.

I was looking for this! Thanks

Great stuff. It actually helped me to understand how using Stack works - godsend!!

Very useful and saved me time. Thank you.

i was getting crazy trying to create nested routes inside tabs, every time i created a new route it was creating a new tab... the point is the use of _layout.tsx inside my tab screen folder (like your /home/_layout.tsx)... thank you!!!!!!! i must to say that i've searching for a solution even the IA and even that can't help me until now!! hahahahha ty again!

Exact Video, I needed!! Thanks Man

You speak and do thing fast, love it !!!

You did a much better job than the docs and example repos. I spent a few hours on this as it’s completely counter intuitive to do things this way. I wouldn’t say Expo Router is anywhere near being ready for production especially given the state of the docs. It’s far simpler to just use React Navigation directly right now.

Great video, and good explanation

This is a really helpful intro. Many many thanks.

that was exaactly what i was looking for ty man

Thanks. This helped me a great deal.

Thank you very much for the video, really clarifying. I have 3 questions, I am doing the migration in a medium-sized project, with a mixed navigation of Tabs with Stack in each Tab.Screen. 1 - What is the best way to do this on the Expo router? I've seen several videos, docs and tutorials and I'm skating. I'm having a lot of difficulty. 2 - Can I point out the Expo Router Stacks while keeping the screen files in the src/screens folder? 3 - How to reuse the same screen in 2 different stacks? I have a screen that repeats in 2 stacks. Could you make a video about this, I believe that most React Navigation projects have these characteristics that I am having difficulty with.

Thanks This is what I did to solve it. I was wondering if there was a better way 😅

Great video Simon! I like how you explain everything, most tutorials feel slow for people that are already familiar with React

good stuff! thank you

Hey thanks for your awesome video! Tell me, please, how can I connect redux in such a breakdown into files and such an architecture. I mean, exactly where should I use to push state to each page

Dude you just saved my bacon, thank you so much for this vid!

Somehow the articles i followed excluded the index file which constantly gave me unmatched routes :/ Thank you for saving me and making me learn some more about expo routs!

This video is amazing!

After i do the redirect with replace to a page that is inside the file (tabs) it shows this error " The action 'REPLACE' with payload {"name":"agenda"} was not handled by any navigator. Do you have a screen named 'agenda'? Do you know what could be happening?

Simply, Thanks

Thanks😊

i never work with mobile development. Do you think that is a good idea start by expo? Or should I learn react-native concepts first? I only choose expo, because seems to be a new react-native patterns (something similiar to CRA in react web dev)

That looks cool. Is it ready for production yet?

thank you man

This sample as is didn't work for me. anywhere i can find the code? not sure what i am missing.

Hi Simon and thanks for your video. Can you make a video where you make an application with a drawer menu and with top swiper tabs in expo-router? Please

What is the safest way to send firebase data in ionic?

We need a run through of a top tab with expo router

Congratulations 👏. Can you make a series of clean architecture in React Native projects, cover pattern like atomic design and how to apply it in React Native Projects. I have been thinking build an app for authentication I wanna use third services such firebase auth or clerk, and maybe later change to another provider, with good practices to avoid accomplishment with one specific provider follow strategy pattern or other one for a particular case Also build from scratch or use one of your existent project to convert into PWA using expo.

Hi Simon, nice video! I was wondering if its possible to navigate between two tabs programatically without the user clicking the tab at the bottom. Say there is a button in the home tab which when the user clicks it brings the list tab into view?

I am getting "Unmatched Route" error, even though i just copied everything you did. I think there is some diff b/n JS and TS about routing. How to make this work on JS project, without TS?

Thank you ☝😉... make a video on expo router authentication implementation with ... i dont know... appwrite or firebase ?

Great video! Did anyone manage to replace (tabs) in the header when navigating backwards to say something else like the name of the page you came from or using the word "Back"?

If you want to use a context. where is the best place to warp the context provider? i have my index on the same level as my login and register screens/components

Thats great tutorial! I have a question, Is it possible to combine Tab Bar Nav with Drawer in Expo, as I spent hours to do so unsuccessfully. I would like the bottom menu to be Tab Bar Nav, and also have the option to call Drawer Nav for example as an app settings menu. Thanks in Advance!

How can we keep the bottom tab bar after the push ?

Gracias hermano

Hi may I ask what extensions you used for code completion when you type ‘rnf…’

Awesome

It would be helpfull, you make a video, about pass API-data from one tab to another tab, with TS an expo-router.🙏

Can a person use Expo Router with Javascript file sinstead of TypeScript? I prefer JS and would just like to know.

I'm really new to this concept of file based navigation, if every file is route and so do folders are, how does one organizes these files and folders? For instance i usually have screens on its own folder and sometimes within this folder i also have a components folder with ui speficic componentes to this screen as well as a styles file. How can you ignore files and folders with this system? I'd like to ignore this components folder (including all the files inside it) as well as any .tsx file of my desire, thank you before hand if you know how!

Please make a tutorial on how to customize and change theme in tamagui

Become a Stellar React Native dev @ galaxies.dev 🚀

so you have to keep duplicating the same layout file if you want to nest routes within the tab bar and still show the tab bar? That doesn't seem right, I hope I am misunderstanding

does expo router is used for real projects, like react navigation library? thanks

Is it possible to implement a home/splash screen without all those tab bars and headers? I need to create a home screen with a button. This button navigates to the tab bar home screen. In React Navigation it's easy. I hope you know what I mean. best regards

it's really helpful and easy understand for the tab bar in expo-route. can you do one thing simon can we do the live talk for more about expo route so you and we can share the ideas each other. I think sound go. what do you think @simon

I am getting Attempted to navigate before mounting RootLayout Component

How do you implement drawer in here? is it a folder like (drawer) ?

Is it possible to transfer the tab bar from the bottom to the top of screen?

Hi there Simon, thanks a lot for the tutorial. There one thing I'm a little confused about, you showed how to use a tab screen as your first screen and How can we make a first screen with no tabbar and the second screen we navigate with a tabbar?

This works but the route outside the tabs is mounted twice and the animation also plays twice I think I'm gonna just refactor the whole app to use react navigation directly I've wasted like 6-7 hours trying to fix it

The background in tab is not working please help

How can we have transition between tabs when navigating?

Hi. Can you please ask your buddies @expo how to hide a tab bar within a nested stack inside a tabbar thanks 😅

If i want to hide my tab bar from One of the screens using expo router. How to do that in my react native app?

test, headerTitle: "title", headerTitleAlign: "center", headerTitleStyle: { fontSize: 25, fontWeight: 'bold', color: 'red' }, headerStyle: { backgroundColor: 'orange', } }} /> Error -> The `redirect` prop on is deprecated and will be removed. Please use `router.redirect` instead what is problem and how to fix

Show👍

Why is my (tabs) constantly displayed on the screen?

better than docs wow, any source code for that ?

How did you do that 'rnfe' TAB short cut to create the index.js component?

Still don't know how to actually customize each tab

Expo Router seems very messed up, it’s hard to understand, the docs are awful/useless and theres no big advantage on using it

Good info.. but who are you racing? Lol. I never understand why people put out tutorials and then talk and work as fast as humanly possible. I’m trying to wrap my head around these dynamic routes. With an image modal