In this video, we dive deep into React Navigation v7, covering everything you need to know about static routes, authentication flows, animations, better TypeScript support and more.
Source Code: https://codewithbeto.dev/projects/react-navigation-v7
React Native Course: https://codewithbeto.dev/learn
React with TypeScript course: https://codewithbeto.dev/learnReact
Get an exclusive 40% discount on CodeCrafters with my referral link: https://app.codecrafters.io/join?via=betomoedano
👨🏻💻 ☕️ 🌟 Join this channel to get access to perks:🌟 ☕️ 👨🏻💻
https://www.youtube.com/channel/UCh247h68vszOMA_OWpGEa5g/join
👯 Join the Discord: https://discord.gg/dbYfWFw862
⌚️ Timestamps ⌚️
00:00 Demo & Resources
02:27 New Features Overview
03:37 Creating New Expo App
04:51 Installing Dependencies
06:00 Dynamic Bottom Tabs
12:45 Static Stack Navigator
16:35 Nesting Static Stack in Dynamic Tabs
18:20 Typing Static Screens
20:55 Nesting Dynamic Tabs in Static Stack
23:09 Typing Nested Dynamic Tabs
29:16 Authentication Flows
32:44 Static Screen Groups & Shared Screens
⭐️ If you want to learn more about me, check this links:
Code With Beto: https://codewithbeto.dev
X: https://x.com/betomoedano
Github: https://github.com/betomoedano
Linkedin: https://www.linkedin.com/in/betomoedano/
Discord: https://discord.com/invite/G2RnuUD8
Medium: https://medium.com/@betomoedano01
Figma: https://www.figma.com/@betomoedano
⭐️ My apps & projects:
► Code With Beto: https://codewithbeto.dev/
► Eco Studios:https://www.ecostudios.dev/
⭐️ Contact: [email protected]
