In this 3-hour course, we will learn all about React Native for building iOS and Android apps. We will discuss the fundamentals and then build a notes application with full CRUD and authentication using Appwrite.io as our backend.
Check out Appwrite:
https://apwr.dev/traversyfeb2025
Code:
https://github.com/bradtraversy/notes-app
Timestamps:
0:00 - Intro
1:29 - Slides (What Is React Native, etc)
9:53 - Setup With Expo
14:19 - Reset Project Boilerplate
15:38 - Running Your Project
16:32 - React Native Components
18:36 - Styling
20:30 - Layout, Stack & Slot Components
22:27 - Customize Page Header
25:00 - Home Screen
30:49 - Notes Screen & Layout
34:20 - Display Notes In FlatList
39:00 - Modal & TextInput Components
46:12 - Add Note To UI
48:44 - Component Refactor
56:47 - Appwrite.io Project & Database Setup
1:02:47 - Environment Variables
1:05:20 - Appwrite SDK Install & Config
1:11:50 - Database Service (listDocuments)
1:14:45 - Note Service (getNotes)
1:17:16 - Fetch Notes From Screen Component
1:20:51 - Add Note To Database
1:30:38 - Delete Notes
1:40:40 - Update Notes
1:57:12 - Authentication With Appwrite
2:00:16 - Authentication Service
2:04:50 - Auth Context & Provider
2:14:39 - Auth Screen
2:20:00 - Login & Register Form
2:30:40 - Auth Funcionality
2:36:55 - Logout
2:42:50 - Redirect Logged In Users
2:46:12 - Filter Users Notes
2:55:10 - No Note Display
2:57:12 - Building & Publishing (EAS)