Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Build your first app with React Native
Module 1: Introduction
Welcome to the course (0:57)
Who uses React Native & Why Expo (4:09)
Software to install (2:40)
Module 2
Intro to React Native (2:46)
Overview of React Native components (3:25)
Find more information on the React Native docs (1:40)
Looking at the Expo docs (1:10)
What are "props" in React Native? (4:14)
What is "state" in React Native? (4:33)
Install Hyper for terminal commands (1:16)
Module 3
Create app in React Native using the command line in Hyper (9:29)
Using the FlatList component (8:01)
Using the image component (6:11)
Using pull to refresh with a flatlist (5:05)
How to use React Native Navigation (10:31)
Styling options in react native (16:14)
Using Flex Box (2:41)
Module 4
Building a weather app - creating the app from the command line (7:53)
Planning the flow of the app & adding folders (4:55)
Register with weather API (3:20)
Install dependencies and begin to create home screen (11:41)
Fetching data from an API (9:31)
Cities List
Set array of cities and create random function (7:29)
Using the console to log responses and start building FlatList (19:54)
Android Notes: Using Font Family
Add styling to FlatList rows and add conditional font colours (16:00)
Adding Expo gradient component and touch event (11:32)
Add conditional emoji for weather types (6:20)
Module 5
Intro: Taking the CityWeather app further (1:40)
Use tab navigation (3:54)
Add search screen (11:49)
Final changes to improve the CityWeather app (11:53)
Section 6
How to use custom fonts (8:50)
Android Notes: Alert box display
Add improved styling for alert box. (20:10)
FlatList in reverse (Inverted prop) (2:05)
How to fix errors (11:00)
Using dimensions (2:56)
Create and publishing a build to App Stores
Thank you!
Final changes to improve the CityWeather app
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock