Are you looking to gain a greater understanding of how nested navigation in TypeScript works? Want to learn the basics of maintaining consistent navigation throughout a project?

In this tutorial Jess Stodola, Developer at Headway, will teach you everything you need to know to understand nested navigation and avoid any unexpected navigation behavior. 🙌

Learn how to set up React Navigation in a React Native project using TypeScript, routing for modals and nested navigation, type declaration for navigation, and route props.

‍

Segments

00:00 - Introduction
00:10 - Agenda for This Tutorial
00:45 - Types of Navigators
01:55 - Walkthrough
18:00 - Questions
18:17 - Common Mistakes with React Navigation
20:07 - Expo or Vanilla React Native?
20:28 - Tips for Developers Coming to React Native from React Web
20:58 - Typescript vs JavaScript
22:17 - Going from React to React Native
23:33 - Resources for React Native and TypeScript
28:26 - Microsoft CodePush for Testing
28:50 - Jess' Journey into Development

‍

Access the code

React Native Nested Nav Example by Jess

‍

Resources to help you prepare

• Typescript Documentation
• Nesting Navigators Documentation
• Modal Documentation

‍

Learn more about React Native and TypeScript

TypeScript Weekly

The best TypeScript links every week, right in your inbox.

React Status

A weekly roundup of the latest React and React Native links and tutorials.

‍

React Native testing tools

BitBar - Testing Intelligence for DevOps

The most flexible cloud-based mobile app testing solution. Use any framework to run manual or automated tests on thousands of real devices. With unlimited users and unlimited concurrency, adapting seamlessly to your existing CI/CD processes and tools.

CodePush

A cloud service that enables Cordova and React Native developers to deploy mobile app updates directly to their users' devices.

‍

‍