Build a React Native App with Expo Router: File-Based Routing

In this video, I will walk you through creating a new React Native app using Expo Router. Expo Router allows you to effortlessly implement a file-based router in your application. We will be using the Link component from the expo-router library to enable seamless navigation between different sections.

With Expo Router, files added to your app directory become a route, providing users a smooth and intuitive way to navigate your application. I'll guide you step-by-step in setting up Expo Router and demonstrate how to leverage its capabilities to enhance the user experience of your React Native app.

Expo Router Docs:

Github:

#ReactNativeApp #ExpoRouter #FileBasedRouting #ReactNativeDevelopment #MobileAppDevelopment #AppNavigation #ReactNativeTutorial #ExpoFramework #UserExperience #SeamlessNavigation

[magne]

Great summary of the process! I also like that you at the end summarized the steps you did in the video. So we get the overview. Very pedagogical. :)

Thank you so much ! As a beginner in React native, i really struggled to use expo router, and you were very clear :)

[vedprakash]

Can we use react native cli and expo router?

[m__link]

Excuse-me sir, why do we need to pass the Image component in a function? I got an issue : by doing that, the image doesn't show in the child component, even if I don't put it in an arrow function...do you have an idea on why the image is not display in the child component please. I precise that the image come from a backend "Sanity", but I don't see the problem cause it display very well in the parent component, only when I want to pass it in the child component, I can't receive it. I need a help please.