Navigation - Lecture 6 - CS50's Mobile App Development with React Native 2018

From the creator

00:00:00 - Introduction 00:01:30 - What Is Navigation? 00:05:09 - React Navigation and Alternatives 00:06:47 - Install React Navigation 00:07:47 - Navigators, Routes, and Screen Components 00:09:56 - Switch Navigator 00:10:43 - Creating a Navigator 00:11:01 - Rendering a Navigator 00:11:29 - Higher Order Components 00:12:31 - Navigating to Another Route 00:13:01 - The Navigation Prop 00:13:36 - Switch Navigator Example 00:27:48 - screenProps 00:30:44 - Stack Navigator 00:33:17 - Creating a StackNavigator 00:33:37 - Returning to the Previously Active Route 00:33:55 - StackNavigator Example 00:35:36 - Configuring navigationOptions 00:38:18 - Passing Around State 00:48:24 - Using the StackNavigator 00:51:19 - Adding a Button 01:05:55 - push 01:06:40 - Stack-specific Navigation Options 01:07:07 - Composing Navigators 01:13:09 - Tab Navigators This course picks up where Harvard University's CS50 leaves off, transitioning from web development to mobile app development with React Native, a popular open-source framework maintained by Facebook that enables cross-platform native apps using JavaScript without Java or Swift. The course introduces students to modern JavaScript (including ES6 and ES7) as well as to JSX, a JavaScript extension. Through hands-on projects, students gain experience with React and its paradigms, app architecture, and user interfaces. The course culminates in a final project for which students implement an app entirely of their own design. https://www.youtube.

Published 2018-03-21 · Watch on YouTube ↗
Availability and playback restrictions are controlled by the original channel.