Dynamic File-based Routing in React Native with Expo Router

Learn how to add dynamic file-based routing to your React Native app with Expo Router. This tutorial is part 7 of a React Native for Beginners series. We add a dynamic route to our app that allows us to edit individual records.

⭐ Become a full-stack developer with Zero To Mastery Courses:

👇 Follow Me On Social Media:

Dynamic File-based Routing in React Native with Expo Router

(00:00) Intro
(00:21) Zero to Mastery: Complete React Native Developer
(01:23) Getting Started
(03:18) Updating the Root Layout Stack
(05:11) Creating a Dynamic Route
(07:34) Navigating with useRouter
(12:40) Building the Edit Page

📚 Tutorial References:

Was this React Native Dynamic Routing with Expo Router tutorial helpful? If so, please share. Let me know your thoughts in the comments.

#react #native #routing

[seanz]

00:07 Implementing dynamic routing in a React Native CRUD app using Expo Router.
02:20 Implementing dynamic routing for to-do items in a React Native app.
06:37 Implementing dynamic routing and basic UI in React Native.
08:58 Implementing dynamic routing using handlePress in React Native.
13:26 Initializing essential imports and state management for a React Native component.
16:05 Implementing asynchronous data fetching in React Native using useEffect.
20:29 Updating a specific to-do item in state and async storage.
23:00 Managing to-do updates and navigation in React Native app.
27:15 Setting up styled input for a to-do app in React Native.
29:28 Implementing theme toggle and save button functionality in React Native.
33:38 Setting up container styles in React Native with Expo Router.
35:46 Enhancing UI styles for dynamic routing buttons in React Native.
40:10 Implementing input length limitation in React Native todo app.
42:25 Learn to edit tasks in a React Native app using dynamic routes.

[kimmorvan]

Since you are using expo, you should use Link instead Pressable for your dynamic route.

[jeffm]

Good walk through! The only parts that make the hairs on the back of my neck stand up is the copy/pasta, particularly around the styles/style code. The theme toggle button seems ideal for just making a component, but what do I know I am but the learner =0.