Intro to Zero to Hero

Welcome to the first module of "React Native: From Zero to Hero"! This module is designed to get you started on your journey to mastering React Native and Expo.

What is React Native?

React Native is a popular framework for building mobile applications using React. It allows developers to build native apps for iOS and Android using the same codebase.

Preparing your Environment

In this lesson, we will learn how to prepare your environment for React Native development.

Create and run your first Expo app

In this lesson, we will learn how to create and run your first Expo app.

Core React Native Components

In this lesson, we will learn about the core React Native components and how to use them.

How JSX and Styling works

In this lesson, we will learn how JSX and Styling works in React Native.

Navigation with Expo Router

In this lesson, we will learn how to navigate between screens using Expo Router.

Storing Data in your app

In this lesson, we will learn how to store data in your app using AsyncStorage.

Create and build the Swapi App

In this lesson, we will learn how to create a new Expo app with file-based routing and how it is structured.

Building a Tab Bar

Working with JSON data and FlatList

Refactoring to React Components

Navigation with inside Stack

Fetch and display Detail Data

Storing Data with AsyncStorage

Test your knowledge

Intro to Module 2

Welcome to Module 2 of "React Native: From Zero to Hero"! In this module, you will learn new concepts about routing, data storage and native modules.

The Drawer Navigation

In this lesson, we will talk about the Drawer Navigation and how to use it.

Lists in React Native

In this lesson, we will talk about lists in React Native and why they are so important.

SQLite with React Native

In this lesson, we will talk about SQLite and why it is a great way to store data in native apps.

Native Modules & Permissions

In this lesson, we will talk about native modules, how they actually work under the hood and why permissions are so important.

App Setup and Drawer Menu

In this lesson, we will learn how to create a new Expo app with file-based routing and how it is structured.

Working with Expo SQLite

Display & Remove SQLite Data

Debugging SQLite

Custom Drawer Navigation

Defining the Tasks Page

Navigating to Details

Save and update Tasks

Using the ImagePicker Module

Adding Local Notifications

Note: Drizzle ORM for Expo

Test your knowledge

Intro to Module 3

Welcome to Module 3 of "React Native: From Zero to Hero"! In this module, we will leave the comfort of Expo Go and dive into exciting new libraries.

Expo Prebuild

React Native Debugging & Error Monitoring

React Native List problems

Modern State Management

Animations & Gestures

App Setup and Prebuild

Fetching Data with TanStack Query

Display data with FlashList

Filter & Search Data

Using a Loading Shimmer

Showing Product details

Cart State Management with Zustand

Persisting state with MMKV

Building a Cart Modal

Working with Gestures

Adding Animations

Monitoring with Sentry Session Replays

Deeplinks to Products

Test your knowledge

Intro to Module 4

Welcome to Module 4 of "React Native: From Zero to Hero"! In this module, we will dive into security and appearance.

App Security with JWT

Better Form Management

New React Native Concepts

About the API

App Setup and Dependencies

Registration with Form Validation

Building the Login

Auth Context with JWT

Protecting Pages with Authentication

Post Messages with Mutations

Load and Update List Data

Navigation and Update Data

Adding a Custom Font

Platform Specific Files

Supporting Dark Mode

Uploading Files to the API

Test your knowledge

Intro to Module 5

Welcome to Module 5 of "React Native: From Zero to Hero"! In this module, we will dive deep into native functionality such as Expo Modules, Push Notifications and Subscriptions.

Expo Modules & Config Plugins

About Push Notifications

Expo Application Services (EAS)

In App Purchases & Subscriptions

Local Expo Modules

Working with Swift and Xcode

Working with Kotlin and Android Studio

Setting up Push Notifications

Configure Push for iOS

Configure Push for Android

Handling Notifications

Native iOS Builds with EAS

Native Android Builds with EAS

Creating iOS Subscriptios for RevenueCat

Creating Android Subscriptios for RevenueCat

Configure RevenueCat Products & Paywall

Display a Paywall in your App

Releasing your React Native App

Test your knowledge

Intro to Module 6

Welcome to Module 6 of "React Native: From Zero to Hero"! In this module, we will build a full app based on the latest Expo Features and APIs.

NativeWind Styling

Expo Cutting Edge

Drizzle ORM for SQLite

Expo Audio Handling

Clerk User Management

Universal React Native Apps

App Setup with NativeWind

In this lesson, we will learn how to create a new Expo app with file-based routing and how it is structured.

Building the App Login

Creating the Register Page

User Authentication with Clerk

Handling Authentication State

Setting up Drizzle and Migrations

Record Audio Notes

Save and display Notes from the DB

Using Expo API Routes

Deploying a website with EAS Hosting

Test your knowledge

The Road Ahead

React Native Styling Alternatives

Smart Backend Choices

Landscape of Native Modules

React Native Server Components

The End & Your Start

This is the end and the start of your React Native journey. You now have the skills to build your own apps. The best way to learn is by building. So get out there and build something amazing!