Autoplay
Autocomplete
Previous Lesson
Complete and Continue
React Native Beginner
Welcome
Course Outline (3:08)
Join Our Online Classroom!
Exercise: Meet The Community
Accessing Code
Online Resources for React & Javascript
Free Online Resources [Optional]
Introduction
focusTime Demo (2:00)
Introduction To Expo (1:13)
Exercise: focusTime On Your Phone
FocusTime On Our Phone (4:25)
Building On Mobile Phones (2:20)
Building using Expo
Our First React Native App (6:57)
Logo and Header For FocusTime (5:22)
Add Task UI (3:37)
Add Task Store State (5:21)
Add Task Input + Button (6:54)
Exercise: Code Cleanup (2:51)
Solution: Code Cleanup (6:30)
Select Timer Amount (4:28)
Accept User Options (4:57)
Touch Area (3:15)
Local Development
Transition to Local Development (1:38)
Local Developer Environment Setup (2:12)
macOS Environment Setup Part I
MAC: Node + VS Code Setup → Node + VS Code Setup (2:27)
MAC: Node + VS Code Setup (2:31)
Windows Environment Setup Part I
WINDOWS: Node + VS Code Setup (2:32)
Building using Local Environment
VS Code Settings (3:00)
Installing Expo Globally (2:00)
Initializing Our App (3:26)
Initializing Our App 2 (2:48)
App On iOS Device (1:48)
App On Android Device (1:47)
Reviewing The Steps (2:30)
Codebase Walkthrough (3:25)
Developer Workflow (2:47)
Developer Workflow 2 (0:30)
Copy Over Code, And Load On Device (8:14)
List Of Tasks (7:00)
Exercise: Task List (4:34)
Solution: Task List (9:35)
Debugging Your App (5:18)
Countdown Animation (3:07)
Countdown Animation 2 (3:38)
Countdown Animation 3 (7:58)
Countdown Animation 4 (8:37)
Display Remaining Time (6:28)
Stop Button (4:01)
Pause, Play Button (8:07)
Pause Button (2:31)
Pause Button 2 (4:53)
Play Button (5:07)
Exercise: Improving The Code (2:43)
Solution: Improving The Code (13:29)
Store Tasks (9:41)
Simulator Setup (1:49)
macOS Environment Setup Part II
MAC: Android Studio + XCode (2:24)
MAC: Android Studio Setup (3:32)
MAC: Android Studio Setup 2 (1:45)
MAC: Android Studio Setup 3 (1:46)
MAC: XCode Setup (1:52)
MAC: focusTime On iPhone Simulator (2:26)
MAC: focusTime On Android Simulator (2:47)
Windows Environment Setup Part II
WINDOWS: Android Studio Setup (1:17)
WINDOWS: Android Studio Setup 2 (1:40)
WINDOWS: Android Studio Setup 3 (2:05)
WINDOWS: Android Studio Setup 4 (1:57)
WINDOWS: Android Studio Setup 5 (2:13)
WINDOWS: focusTime On Android Simulator (1:41)
Where To Go From Here?
You did it!
Teach online with
Our First React Native App
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock