Dynamic File-based Routing in React Native with Expo Router

Dave Gray November 15, 2024
Video Thumbnail
Dave Gray Logo

Dave Gray

View Channel

About

Web Development tutorials with full courses on HTML, CSS, JavaScript, React, Node.js and more! My goal is to help you learn how to build the web. Teaching helps me learn, too. I work full-time as a Solutions Architect / Developer and part-time as a university web dev instructor. Thank you for subscribing, supporting my channel and sharing the videos you think may help others. Keep striving for progress over perfection. And a little progress every day goes a very long way. Milestones: July 20, 2020 - 1st video Jan 1, 2021 - 1k subs April 2021 - 4k watch hours Nov 2021 - 10k subs Jan 21, 2022 - Video at 100k views Feb 16, 2022 - 100k watch hours Feb 19, 2022 - 1m views Dec 13, 2022 - 100k subs Dec 2022 - Over 1m views in 1 month April 7, 2023 - 10m views May 26, 2023 - 1m watch hours Sept 22, 2023 - Video at 1m views Dec 25, 2023 - 250k subs

Video Description

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: - Complete React Native Developer: https://links.zerotomastery.io/CompleteReactNative - Advanced React: https://links.zerotomastery.io/AdvReactDev - Become a Mobile Developer Career Path: https://links.zerotomastery.io/BecomeAMobileDev - Junior to Senior Dev Roadmap: https://links.zerotomastery.io/WebDevRoadmap-JrtoSr 👉 Web Dev Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap 💖 Support me on Patreon ➜ https://patreon.com/davegray 🚩 Subscribe ➜ https://bit.ly/3nGHmNn 📬 Course Updates ➜ https://courses.davegray.codes/ ❓ Ask Questions & Discuss on Discord ➜ https://discord.gg/neKghyefqh ☕ Buy Me A Coffee ➜ https://www.buymeacoffee.com/davegray 🔗 React Native playlist: https://www.youtube.com/playlist?list=PL0Zuz27SZ-6OH3xackTS2KLcnmxx5wW7c 👇 Follow Me On Social Media: GitHub: https://github.com/gitdagray Twitter: https://twitter.com/yesdavidgray LinkedIn: https://www.linkedin.com/in/davidagray/ 🔗 Course Resources: https://github.com/gitdagray/react-native-course 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: 🔗 React Native: https://reactnative.dev/ 🔗 Expo: https://expo.dev/ 🔗 Expo Icons: https://icons.expo.fyi/ 🔗 Expo Google Fonts: https://github.com/expo/google-fonts 🔗 React Native Reanimated: https://docs.swmansion.com/react-native-reanimated/ 🔗 Async Storage: https://react-native-async-storage.github.io/async-storage/ 🔗 VS Code: https://code.visualstudio.com/ 🔗 git: https://git-scm.com/ 🔗 Node.js: https://nodejs.org/ 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

You May Also Like

No Recommendations Found

No products were found for the selected channel.