This comprehensive 4-hour video tutorial teaches everything beginners need to know about React Native development. Start from setting up your first project with Expo and progress to building a full-stack habit tracker application. Learn essential concepts including core components, navigation with Expo Router, authentication flows, and database integration with Appwrite. Master practical skills like implementing bottom tab navigation, creating custom UI components, handling user authentication, building swipeable actions, and tracking habit streaks. Follow along as each feature is built step-by-step, from initial setup to final styling touches. Access the complete source code through the provided GitHub repository links and apply these skills to develop your own cross-platform mobile applications.

Syllabus

00:00 - Introduction & What You'll Build
01:00 - Why React Native & Expo in 2025
02:45 - Understanding Core Components View, Text, TextInput, ScrollView
03:58 - What is Expo and Why We're Using It
04:48 - Creating a New Expo App Project
06:17 - Exploring the Boilerplate Project
07:10 - Understanding the App Folder, index.tsx, and _layout.tsx
08:48 - Navigation Basics with Expo Router
13:12 - Creating and Linking New Screens
17:01 - Styling and Customizing Navigation Links
20:50 - Implementing Bottom Tab Navigation with Expo Router
27:04 - Customizing Tab Icons & Active States
29:56 - Starting the Habit Tracker App: Project Structure & Goal
34:04 - Setting Up Appwrite for Backend Services
38:09 - Creating the Appwrite Client in Your Project
42:10 - Building the Auth Page UI with React Native Paper
47:07 - Implementing Route Guards with Expo Router
50:04 - Handling Sign Up / Sign In Logic
56:00 - Finalizing UI & Switching Between Auth Modes
1:03:00 - Wiring Up Auth Logic with Context API
1:10:00 - Using Auth Provider and Redirecting Logged-In Users
1:17:32 - Sign Out Functionality and Testing Auth Flow
1:21:10 - Planning the Habit Tracker Screens
1:23:00 - Styling Tabs & Customizing Navigation UI
1:28:20 - Setting Up the Appwrite Database & Collections
1:33:00 - Connecting to Appwrite Database from React Native
1:35:00 - Building the Add Habit Screen UI
2:00:33 - Adding Habits to the Database
2:06:18 - Handling Permissions in Appwrite
2:08:04 - Fetching & Displaying Today's Habits
2:14:13 - Building the Habits UI
2:19:03 - Styling the Habit Cards
2:31:05 - Making the Screen Scrollable
2:34:00 - Setting Up Swipe to Complete/Delete
2:40:00 - Implementing Swipeable Actions
2:44:00 - Deleting a Habit with Swipe
2:46:00 - Fixing Swipe Ref Behavior
2:48:00 - Completing a Habit & Creating a New Collection
2:59:02 - Updating Habit Streak on Completion
3:00:06 - Completing a Habit and Updating the Streak
3:03:12 - Creating the Habit Completions Collection
3:04:14 - Fetching Today's Completions
3:07:02 - Preventing Duplicate Completions
3:10:30 - Subscribing to Habit Completion Updates
3:13:13 - Styling Completed Habits
3:17:32 - Creating the Streaks Screen
3:21:00 - Fetching Habit Completion History
3:23:24 - Calculating Current & Best Streaks
3:32:29 - Ranking Habits by Streak
3:37:04 - Displaying Streak Cards
3:54:06 - Building Top 3 Habit Leaderboard
4:03:00 - Final UI Touches & Styling
4:06:59 - Outro