I have read the docs, multiple times. I've watched and followed tons of what Evan has done. I have posted several docs enhancement requests and PRs. This video is a FANTASTIC compendium to the docs. I really hope the key points here can influence the evolution of the docs going forward.
the search bar tip was gold!!! I need to do something like that because the app I'm working on need to update the content inside of the header dynamically based on the person who the user is talking to (chat app), defining the header components inside of the screen itself is the way to go apparently!
Thank You for great tips! Maybe someone bumped into a problem when there are nested navigators inside tabs (each tab separate navigator) , and when You switch tab it flickers on first navigation (maybe some kind of first mount). I wonder how to avoid this flickering. Thank You in advance
Would you really recommend going with Expo Router over React Navigation? I'm worried I'll hit the 'wall' of limitations and then have to go back to React Navigation. For instance, shared-element transitions.
Hey simon, ive got a question, Why are my react-native apps always large in size? I mean ive just implemented one of these examples (The secret tab) but my app download size is 67mbs, It is an android apk
I have a doubt . assume you have a app directory and inside which there is a _layout.tsx, index.tsx, and sample.tsx . sample is a component I am using inside a index file. but in file based routing in react-native-expo when you try to access the page using /sample. it shows up the file . but i want that sample file to be extended from the routing
Hey i was trying to follow your course "Animations using Reanimated" and the shared element transition was not working. Then I tried to run your code and it was not working there as well. Before I ran your code, I bumped the expo go to version 51 instead of 49, so I'm wondering: Does SharedElementTransition not work in expo 51? Is there any fix or alternate way to do this?
Which version of expo-router are you using on this video ? The "Set params before navigating back" does not works for me. Whenever I navigate back, I get an empty params 🤔
Any idea how to implement Action on page focus for input focus and code input based from your fintech clone you made? i try this but don't have focus now
Please #Simon I would love you to make a video about debugging expo router projects, I am always stuck in debugging a bug on the app and it really feels exhausting to console.log() everything. P.S: Thanks for these tips, I have used some and would definitely try other as well.
i am doing the exact same thing with the modals. in a deep nested project. ExpoRouter. its not working. the first page of the is not working as a model. the second page works as a modal. the way you are showing it not working. can you please go into details with stack in the modals
so after some headache. I found out that you can only declare the modal in the root layout. on other layouts you cannot have the first page as a modal.
Hey #Simon what about if the user try to visit the protected page and redirect it to login screen so, i would like to know how i can navigate user after successful login to the try to visit page
Is there anyone that explains these concepts in a non-code environment? I'm currently working on a project that's using expo-router and everyone seems to have their own approach to doing things, and the documentation is generally 2 liners that just point to RN native docs. Your videos are great and informational, but you move onto one concept before explaining the previous - which is okay! Many people want/need this style of video - but in those moments I generally hit pause and visit the documentation which Expo seems notoriously bad at maintaining.
@@tylercoffman540he is right,,, last time I added boarding screen in my app... Which was to appear only firsts but the the problem is expo router don't support initialroutename in layout we have to to use redirect component which cause a flash on app start
Great video Simon! The screen props + search bar tip was very helpful!
Glad you liked it!
How to learn Expo Router:
Step 1 read the documentation in like 10 mins
Step 2 follow everything Evan Bacon does online
Safe way!
I have read the docs, multiple times. I've watched and followed tons of what Evan has done. I have posted several docs enhancement requests and PRs.
This video is a FANTASTIC compendium to the docs. I really hope the key points here can influence the evolution of the docs going forward.
the search bar tip was gold!!! I need to do something like that because the app I'm working on need to update the content inside of the header dynamically based on the person who the user is talking to (chat app), defining the header components inside of the screen itself is the way to go apparently!
Glad it was helpful!
This is a magic video. Videos like these really make the difference.
Thank you mate!!
thanks for clarification about tab bar structure!
Another banger video Simon!
Thank you 🙌
Amazing video! I’m building a brand new app and this video helped me with some problems I was having
If you enjoyed it, could you share the channel with your RN buddies? ️👋
Thanks!
In Expo SDK 51 you can enable React 19 and React compiler so there is no need for useCallback nor useMemo. You use it around 10:50 mark.
Can you make a detailed video on Deep linking. I’m getting errors when trusting to open links using uri-scheme
Thank You for great tips!
Maybe someone bumped into a problem when there are nested navigators inside tabs (each tab separate navigator) , and when You switch tab it flickers on first navigation (maybe some kind of first mount). I wonder how to avoid this flickering. Thank You in advance
Amazing content as always
Glad you enjoyed it
Gold gold, thanks for this!!!!!
Thanks for making such a great content!
Glad you enjoy it!
wow added to my gold list :)
Thank yoU!
Thanks for this video, This covers lot of things
Very Helpful... Thanks Simon!
If you enjoyed it, could you share the channel with your RN buddies? ️👋
Thanks!
Would you really recommend going with Expo Router over React Navigation? I'm worried I'll hit the 'wall' of limitations and then have to go back to React Navigation. For instance, shared-element transitions.
hit them and fix them so i benefit thanks
@@martinnovak4356 I decided to forge ahead, so if I find any workarounds I'll try to remember to post them here. haha
Great content! Thank you Sir.
Hey simon, ive got a question,
Why are my react-native apps always large in size?
I mean ive just implemented one of these examples (The secret tab) but my app download size is 67mbs, It is an android apk
Can you make tutorial involving bluetooth classic or ble?
Or ior related sensor
Thank you so much simmon
You are very welcome
I have a doubt . assume you have a app directory and inside which there is a _layout.tsx, index.tsx, and sample.tsx . sample is a component I am using inside a index file. but in file based routing in react-native-expo when you try to access the page using /sample. it shows up the file . but i want that sample file to be extended from the routing
You would have a top level components folder in which you add shared components, not in the app directory
Hey i was trying to follow your course "Animations using Reanimated" and the shared element transition was not working. Then I tried to run your code and it was not working there as well.
Before I ran your code, I bumped the expo go to version 51 instead of 49, so I'm wondering: Does SharedElementTransition not work in expo 51? Is there any fix or alternate way to do this?
Great vid! Would be super-helpful if you posted this code as a repo.
Which one is better expo router or react navigation in speed and optimization?
Expo router is using React Navigation under the hood, you won't see any performance differences!
Which version of expo-router are you using on this video ? The "Set params before navigating back" does not works for me. Whenever I navigate back, I get an empty params 🤔
I was using 3.x!
If you are calling router.back(), you should call the router.setParams() only after call the router.back() otherwise this will reset the params.
Any idea how to implement Action on page focus for input focus and code input based from your fintech clone you made? i try this but don't have focus now
great content
the headerSearchBarOptions didnt work for me? why? the header title can change but no searchbar?
GOLD!
I can't get the searchbar to work. Is there anything else I need to do than shown in the video?
Why are my routes(using expo router) suddenly not working on sdk 51 when they worked in sdk 50
They are working on a fix!
Please #Simon I would love you to make a video about debugging expo router projects, I am always stuck in debugging a bug on the app and it really feels exhausting to console.log() everything.
P.S: Thanks for these tips, I have used some and would definitely try other as well.
How do convert from React Native app to start using expo
i am doing the exact same thing with the modals. in a deep nested project. ExpoRouter.
its not working. the first page of the is not working as a model. the second page works as a modal.
the way you are showing it not working. can you please go into details with stack in the modals
so after some headache. I found out that you can only declare the modal in the root layout.
on other layouts you cannot have the first page as a modal.
Thank you!
Hey #Simon what about if the user try to visit the protected page and redirect it to login screen so, i would like to know how i can navigate user after successful login to the try to visit page
You could attach some query params and then check those and perform a redirect manually!
Is there anyone that explains these concepts in a non-code environment?
I'm currently working on a project that's using expo-router and everyone seems to have their own approach to doing things, and the documentation is generally 2 liners that just point to RN native docs.
Your videos are great and informational, but you move onto one concept before explaining the previous - which is okay! Many people want/need this style of video - but in those moments I generally hit pause and visit the documentation which Expo seems notoriously bad at maintaining.
Expo router really chose the worst of both worlds. You define your routes in the file system but also pass options through code in a single file
yeah, I thought it would be more intuitive like Nextjs, at least the Stack thing
Ionic or expo which one is best
nice
save time in deeplink
here early again
Api route with prisma and postgres 😭😭😭
Use flutter 😂
Tip number one: dont update to SDK 51 -> typed routes don't work.
expo router is the worst lib i ever see. but the main problem is that expo moves it as a main router.
Skill issue
Skill issue
@@tylercoffman540he is right,,, last time I added boarding screen in my app... Which was to appear only firsts but the the problem is expo router don't support initialroutename in layout we have to to use redirect component which cause a flash on app start