šŸ’ŽUnlock Premium Features
By - PedroTech

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

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

PedroTech

0 mins
733+ students

šŸ“ About This Course

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://github.com/machadop1407/react-native-course-habit-tracker 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

šŸš€ What You'll Learn

āœ“

Complete understanding of the topic

āœ“

Hands-on practical knowledge

āœ“

Real-world examples and use cases

āœ“

Industry best practices

Premium

Get Full Course Access

Take your learning to the next level with premium features

Unlimited access to all chapters
Interactive quizzes & assessments
Downloadable certificate