An introduction to React Navigation in a React Native mobile app project using TypeScript. Learn how nested navigation in TypeScript works and the basics of maintaining consistent navigation.

In this React Native 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.

Access the Code From This Video
https://github.com/jtstodola/react-native-nested-nav-example

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
  • 33:40 - Event - From Idea to Venture Launch

Event Link -
https://www.headway.io/events/from-idea-to-venture-launch-prototypes-and-feedback-loops

#react-native #typescript #react #mobile-apps

React Native - React Navigation with TypeScript in React Mobile App
15.75 GEEK