Building Navigation in React Native with Expo Router

Рет қаралды 68,107

Жыл бұрын

In this video, we will use Expo Router to implement navigation stacks, create routes and utilize different navigation components. Whether you're a beginner or an advanced developer, this video will take you through the process of building a navigation system with ease.
📚 Enroll NOW in The Full-Stack Mobile Developer course and don’t miss out on your chance to become a 6-figure dev! Check out what our successful students are saying about their experience:
academy.notjust.dev/?...
This build includes a lot of tools & technologies, and it's a great opportunity to learn:
- What is Expo Router
- What are Navigation Stacks in Expo Router
- How to create navigation stacks using Expo Router
- How to use Expo Router in your Application
💬 Join the notJust Development gang and let's build together:
Twitter: / vadimnotjustdev
Instagram: / vadimnotjustdev
Facebook: / notjustdev
LinkedIn: / vadimsavin
Discord: / discord
Timecodes:
Disclaimer: This build is for educational purposes only!! All views, opinions, and technology choices expressed in this video are my own and do not represent the views, opinions, or technology choices of any entity whatsoever with which I have been, am now, or will be affiliated.
#notjustdev #expo #reactnative

Пікірлер: 94

@TommyAMV Жыл бұрын

That video was so incredibly informative, it got me unstuck with navigation in Expo! Thank you man!

@tiagoamorim5265 6 ай бұрын

Thanks for sharing that knowledge! I've searched for days for a good tutorial for both web and app routing, finally found it here!

@v22uta Жыл бұрын

ありがとうございます。わたしは初心者でドキュメントを見ても理解が難しかったのですが、このチュートリアルのおかげで見通しが持てました。

@lscodeschool957 Жыл бұрын

Thanks @Vadim this was really helpful. Have thought of doing a real world project with this next expo-router features, maybe a remake of some of the old livestream projects for us to see the full usage of this updates on expo router. Once again thanks. I have gone over and over this video for days. More power to you.

@ThaddeausIorbeeofficialpage Жыл бұрын

This is the only video that explained expo router in detail on the internet. Thanks for the video. Can you do a splash screen and onbording implementation using expo router?

@subhajitadhikary155 9 ай бұрын

Thanks a lot Vadim, you have given to the point explanation without wasting any time. 😇😇

@jonasgroendahl Жыл бұрын

Thank you for going through some this! Was wondering about the nested stack inside tabs

@phuct2550 Жыл бұрын

Thank you and your team for such a helpful and useful video tutorial 😁

@sohamnandi7526 Жыл бұрын

can you please make a tutorial on "how to implement protected routes/authentication using expo router?"

@mohamethseck Жыл бұрын

That's a good one. I need that topic as well

@tabotcharlesbessong3756 11 ай бұрын

That will be great. Nice suggestion bro

@davidhombe2313 9 ай бұрын

Great suggestion broh!

@draftermyself Жыл бұрын

Simple but useful information 😌 GREAT!

@joeokat Жыл бұрын

I am a UI Designer but I am proud to call myself a UX Engineer | React Native Expo Developer with just this live stream because everything i thought of is here in this video. I am starting out on this path and I am looking forward to learn more from you with expo router. More simplified projects to solidify my skills in mobile development. Thanks once again.

@bestelectrocity Жыл бұрын

Thank u Vadim and your team for such a helpful and useful video tutorial :)

@notjustdev Жыл бұрын

Our pleasure! Thanks for watching

@angelapatrinou5560 Жыл бұрын

Awesome work! 👏 Something about auth would also be a great follow up!

@mathhack8647 4 ай бұрын

Very Good preparation . Well presented and too much easy to integrate and integrate within any project . Thanks

@victorzerefos6557 Жыл бұрын

Sr. your tuts are amazing thank you very much for your time! One thing that I've been trying but didn't get through was that how to pass the whole object through Links?

@jhonnierandler Жыл бұрын

The best video ever, thanks Vadim!!!

@sami25064 11 ай бұрын

can i get the source code?

@dericbytes Жыл бұрын

Packed with content and very helpful. Thanks

@notjustdev Жыл бұрын

Thank you for your kind comment! I'm glad to hear that the content was helpful to you

@YomiTosh Жыл бұрын

Thanks for the tutorial!

@Kevin-jc1fx Жыл бұрын

Hello and thanks for this good video. Is expo router production ready or should we stick to React navigation for now?

@ArthurBurgan Жыл бұрын

Thanks a lot for this intro! I'm building a chat app and would like to have Tabs navigation on the main screen, and want to hide Tabs when I enter one of the chats (go down the Stack). I'm wondering how I could do that.

@luckeyluc1 11 ай бұрын

Thanks for the tutorial. I'm trying to build a project with chat GPT and in react-native without any programming experience but i'd like to use expo for navigation. this really helps

@aadilmallick911 9 ай бұрын

Bro jumped from 0 to 100 in difficulty

@ralexand56 Жыл бұрын

WTF! This expo router is incredible!

@mohamethseck Жыл бұрын

This is great. I'll have to learn how to do protected routes with firebase. I would think it's the same as in React though correct?

@mahtotmkonn3254 9 ай бұрын

u have so amazing energy!

@christianelyong.s8696 Жыл бұрын

Hello Thank u for ur tutorial,..! Is any reason react native app being lag if we reset the stack navigation for multiple time ?

@tonykharioki6913 Жыл бұрын

thanks alot. this will help me build better apps

@SohelIslamImran Жыл бұрын

Thank you 💕

@LoneDWispOfficial Жыл бұрын

someone knows if it's possible (and how) to the layout to pass children components, so i can be able for example to set a background image, so it can be displayed on every other component?

@idrisisholaagboola8676 10 ай бұрын

Thank you for this amazing tutorial. I will like if you can make a tutorial on TopTab in expo-router

@justiceessiel6123 Жыл бұрын

I like the tutorial and I would to know if you can help me with this .. first I have been trying to get the documentation of expo router and I cant. Secondly if we are doing file based routing then how do we create a folder to create components only .. because if I create a folder called components I am creating a nested route

@qwertz3813 11 ай бұрын

Is it possible to somehow wrap app in a context, when there is nothing like an App.js/App.ts?

@algosexy813 Жыл бұрын

compile an .aab the same as with a project created with create-expo-app from the expo server?

@JimmyCheng 10 ай бұрын

can you do protected route with this? Like an authentication token for login page => home page.

@senoremc4628 11 ай бұрын

Could Expo Router be used with SSR, for example, with Next.js? Thanks for the video!

@NestorSantiagoFuhr Жыл бұрын

hi, having problems with displaying icons in IOS. Android and web woks well. Any idea what would be the cause?

@jimuelbaraero678 11 ай бұрын

on android the modal is not dragable to close, is there a way to make it on android??

@sahul6688 Жыл бұрын

what is the shortcut key to align a single line long codes into multiple lines code in vs codes. ctrl + Alt + F is not working

@goodstuff2read 11 ай бұрын

The link to the source seems to be missing.

@Thigha 11 ай бұрын

That was great

@KaranKamdar1MW Жыл бұрын

When deep linking, The Back button doesn't show when I navigate via a deep link to a Stack Screen of a profile of a user in my app. This profile screen is housed under a tab in the app and I want the back button to show so that user can navigate to the main tab, otherwise it just stays stuck there on the profile screen with no way to navigate other parts of the tab like the root index screen of that tab.

@tabaicanking3701 11 ай бұрын

is it possible to prevent back button using expo router ?

@algorithmprime Жыл бұрын

Great how do i use this template with typescript

@Vorenus875 Жыл бұрын

As a React Native developer which do you like working with more? React-navigation or this new Expo library?

@user-sx5og3ly8b Жыл бұрын

Vadim ? Please don’t ignore)

@aprfocus7501 7 ай бұрын

Can you explain about local-authentication in react native cli

@tomshabalin9775 Жыл бұрын

do you have the link to the source code?

@saravanans3779 Жыл бұрын

can we use drawer with this expo router

@theboringscientist7226 Жыл бұрын

how can i use it with typescript?

@user-rc7rr2uu9g Жыл бұрын

Anyone having the same re-render problems when using nested navigation? As soon as I create a _layout nested, useEffect is called twice.... Anyone got a solution? Haven't found anything :(

@mahbubmorshed9527 Жыл бұрын

modal slide is not working in android. how we solve this issue ?

@MohamedElsayed-oz2kz Жыл бұрын

what is your vs code theme ?

@devavratsingh4910 5 ай бұрын

Can you make tutorial on speech to text conversion using react native expo cli

@shedrachugochukwu6245 9 ай бұрын

Hi, notJust dev It's shedrach from Nigeria Thanks for the video, I really do appreciate it. I'm having a serious issue trying to pass parameters through the React native expo router form one screen to my detail screen. Can you please make a video or tutorial on that🙇‍♂🙇‍♂🙇‍♂

@JuneBeforeJuly Жыл бұрын

would it be possible to show us a little more in depth on how to create layouts and shows different variations of doing it? i didnt really grasp how to do it. i tried creating my own but was unsuccessful. i was going for bottom tabs and drawer, as well as material top tabs inside of one of the bottom tabs but couldnt really figure out how to get it done.

@emporteme 9 ай бұрын

Hello I have the same troubles with tabs and layout. Did you found any good resource?

@remziogultum6697 Жыл бұрын

you are amazing

@potofwisdomquotes Жыл бұрын

Hey man, have you tried to build the expo router app with EAS BUILD. kindly reply this so i know whether this works. because i have tried and never works. if i cant build app apk or eas build then what is the use. thanks.

@tanupamsaha3053 Жыл бұрын

Have tried and it works.

@danielikpe1881 Жыл бұрын

is seem openDrawer is not working for now from useNavigation

@PraveenKumar-vz4dy 8 ай бұрын

is this will work in cli as well anyonr replay.....

@GeorgeFlorian12 9 ай бұрын

Why isn't the source code available ? I would love to see how the project was set up.

@igwanwan_dagoat1523 6 ай бұрын

Can I use your code for business purposes?

@prouddev1638 Жыл бұрын

Can it be used in a non-expo project?

@alexandrodisla6285 Жыл бұрын

don't think so

@greenshaheen6716 6 ай бұрын

no android and ios folders?

@Mikhail.tortik001 Жыл бұрын

Unfortunately here weren't something about auth((((( Can you record an additional, short video 5-10 min?

@mitsuha5177 10 ай бұрын

tnx

@raybelmo Жыл бұрын

Well, tried to use this with Typescript, but it was not possible.

@safytoyota7938 Жыл бұрын

Expo react native project with firebase and expo router please

@sathusan2008 Жыл бұрын

Excellent explanation of a poorly documented feature. Can you please upload the code to a repo and link it in the description?

@faysal1991 Жыл бұрын

nice job, you have some great tutorials and video you just need to prepare better examples, and for gods sake enable the autocomplete where you put the . and you get the suggestions :). Amazing work tho thank you