Autoplay
Autocomplete
Previous Lesson
Complete and Continue
React Native Basics: Build a Currency Converter
Module 1: Getting Started
Introduction (2:29)
React Native CLI vs. Expo - What's the Difference? (3:26)
Configuring Expo (6:12)
Configuring the iOS Simulator (Mac Only)
Configuring the Android Emulator
Understanding the React Native Development Environment (3:07)
Configuring Visual Studio Code for React Native Development
Module 2: Project & Development Environment Configuration
How to Organize a React Native Project (3:46)
Formatting Code with Prettier (1:25)
Configure ESLint for Consistent Code (3:22)
Module 3: The Basics - Building the Options Screen
Understanding Components (8:25)
How to Display Icons (3:02)
Creating a Custom Component (7:26)
How to Make a Scrollable Screen (3:16)
Opening Links from the App (3:45)
Module 4: Capturing Input - Building the Home Screen
Home Screen Setup (4:35)
Working with Images (5:27)
Building a Custom Input Component (10:47)
Disabled Input State (4:46)
Displaying and Formatting Text (4:30)
Building a Button Component (4:49)
The Easy Way to Avoid the Keyboard (3:12)
Enable Scrolling Only When the Keyboard is Open (5:15)
How to Measure the Keyboard Height (9:57)
Module 5: Navigating Between Screens with React Navigation
Installing React Navigation (1:54)
Configuring the Stack Navigator (3:38)
How to Hide the Navigation Bar (2:04)
How to Navigate Between Screens (5:53)
Module 6: Building the Currency Selection Screen
Setting Up the Screen (2:31)
Long Scrolling Screens the Efficient Way (11:24)
Display a Screen as a Modal with React Navigation (7:36)
Designate the Currently Selected Currency (5:36)
Module 7: Making the App Dynamic
Capture and Use User Input on the Home Screen (6:35)
How to Select and Use any Currency (4:54)
Simplifying Code: An Introduction to Context (9:24)
Eliminate Warnings: Using Context on the Currency List Screen (6:30)
Module 8: Working with an API
Building a Simple Local API (12:23)
Get "Latest" Rates from the API (7:07)
Get Rates on App Launch (2:39)
Waiting for Data - Implementing a Loading State (5:44)
Conclusion
Wrapping Up
Teach online with
Opening Links from the App
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock