Course
Course Decription
In this course, you will learn how to build fullstack apps with Expo Router v3 and React Native. We will dive into Expo Router and the file-based routing system, as well as the API routes that were introduced in version 3.
What will I learn?
- 🔥 Create Stack, Tabs and Drawer navigation
- 🔀 Understand nested navigation and the file-based view hierachy
- 🔐 Secure pages and routes of your app
- ✨ Define API routes in your project
- 🚀 Work with secret keys and deploy your API
Prepare yourself for an adventure into the world of fullstack apps with Expo Router v3 and be ready to expand your mind to see what’s possible. Let’s get started!
⚡️ Getting Started
Course Overview
What are we going to build with Expo Router? Take a look at the course overview to find out!
Expo Router Introduction
In this lesson, we will learn how to create a new Expo app with file-based routing and how it is structured.
🔀 Navigation
Stack Navigation
Learn how to use the Stack Navigator to navigate between screens in your React Native app.
Creating a Drawer Menu
Learn how to create a drawer menu around our tabs, use a DrawerToggleButton and control it from code.
Nested Stack Navigation
In this video, we'll learn how to navigate between screens in a nested stack navigator. We'll also learn how to pass parameters to the nested page, and how to navigate outside the tab bar.
🔐 Authentication
Creating an Auth Context
In this lesson, we will learn how to create a new Expo app with file-based routing and how it is structured.
Protecting Pages with Expo Router
In this video, we'll learn how to protect pages with Expo Router. We'll use the `useAuth` hook to check if the user is authenticated and redirect them to the login page if they are not.
🚀 API Routes
Creating API Routes
Learn the basics of creating API Routes with Expo Router in your React Native app.
Secret Environment Keys
Learn how to use secret environment keys in your API Routes to call the OpenAI API.
Deploying the Expo API
This video shows how to deploy the Expo API with a local Node server or to Netlify.
Expo Router Fullstack API Ideas
We wrap up the course with a few ideas for fullstack APIs you can build with the knowledge you've gained, and what's possible with Expo Router in the future.