PedroTech
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
Complete understanding of the topic
Hands-on practical knowledge
Real-world examples and use cases
Industry best practices
Take your learning to the next level with premium features