Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

React Navigation v7 - Static Routes, Auth Flows, Animations and More

Code with Beto via YouTube

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Explore React Navigation v7's latest features in this comprehensive 40-minute tutorial covering static routes, authentication flows, animations, and enhanced TypeScript support. Learn to create dynamic bottom tabs and static stack navigators while mastering the art of nesting navigators within each other. Discover how to properly type static screens and nested dynamic tabs for better development experience. Implement authentication flows and understand static screen groups with shared screens functionality. Follow along as you build a complete Expo application from scratch, installing necessary dependencies and applying real-world navigation patterns. Gain hands-on experience with the new features that make React Navigation v7 more powerful and developer-friendly than previous versions.

Syllabus

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

Taught by

Code with Beto

Reviews

Start your review of React Navigation v7 - Static Routes, Auth Flows, Animations and More

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.