React Native Full Course 2025 | Become a React Native Pro in 4 Hours

In this video, I will teach you everything you need to know about React Native for beginners. I will take you from setting up your first project, setting up screens, understanding navigation and building your first full stack react native app.

⚛️ Learn React in A Simple Way: https://react.pedrotech.co/
(EARLY100) for 20% off

🌟 Support My Work: https://buymeacoffee.com/pedrow
📰 Join My Newsletter: https://www.pedrotech.co/newsletter

📖 Video Resources:
Code Repo: https://tinyurl.com/ybfekmas
Advanced Repo: https://github.com/machadop1407/react-native-course-habit-tracker/tree/advanced-code
Appwrite: https://appwrite.io/

💻 Check out my Blog: https://www.pedrotech.co
🐤 Follow me on Twitter: (https://twitter.com/pedrotech_)
📸 Follow me on Instagram: (https://www.instagram.com/pedro.fmachado_/)
🧳 Follow me on Linkedin: (https://www.linkedin.com/in/pedrotech/)
👨‍💻 GitHub: https://github.com/machadop1407

📋 Business Email: pedro@pedrotech.co

Timestamps:
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

Видео React Native Full Course 2025 | Become a React Native Pro in 4 Hours канала PedroTech