20 Browser Extensions For Web Design & Development

TTS & Translate App | Serverless Functions, Google Translate &amp; Web Speech API

React Crash Course

Build A Tesla Car Configurator | Tailwind & Vanilla JavaScript

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.

Visit Appwrite and claim $50 in free Appwrite Cloud Pro credits:
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)

React Native Crash Course+ | Build a Mobile App In 3 Hours

20 Browser Extensions For Web Design & Development

TTS & Translate App | Serverless Functions, Google Translate & Web Speech API

React Crash Course

Build A Tesla Car Configurator | Tailwind & Vanilla JavaScript

React Native Crash Course+ | Build a Mobile App In 3 Hours

20 Browser Extensions For Web Design & Development

TTS & Translate App | Serverless Functions, Google Translate &amp; Web Speech API

React Crash Course

Build A Tesla Car Configurator | Tailwind & Vanilla JavaScript

TTS & Translate App | Serverless Functions, Google Translate & Web Speech API