Build your first app with React Native and Expo

Build your first app with React Native and Expo

English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 4 Hours | 1.89 GB

Get started with React Native and Expo today and start building native apps for iOS & Android

React Native is used to power some of the most popular apps in the world such as Facebook, Instagram, Uber and Pinterest. All that is needed to create an app in both iOS and Android is React Native using Javascript. This is the easiest and fastest way to create an app that can thrive on both app stores! This course will take you step by step into the React Native ecosystem, starting with the core elements and even all the way to creating your very own app ready for distribution on iOS and Android.

You will also be taught how to use Expo – a framework that enables developers to develop and test quickly, saving you time.

This course will run through both React Native and Expo and show why together they are the best way to create apps for both iOS and Android.

The course will cover:

  • What is React Native?
  • Why use the Expo Framework?
  • Components, State and Props in React Native
  • Creating our first basic app
  • Making a real world example app (Weather App)
  • Followed by bonus videos & downloads

The ideal student is someone who has some background knowledge of Javascript and is interested in being able to create apps for iOS and Android.

What Will I Learn?

  • The ability to begin to create real world apps for iOS & Android with React Native using Expo
  • Create your first app in React Native
  • Get a strong understanding of Expo
Table of Contents

Module 1 – Introduction
1 Welcome to the course
2 Who uses React Native & Why Expo
3 Software to install

Module 2 – Intro to React Native
4 Intro to React Native
5 Overview of React Native components
6 Find more information on the React Native docs
7 Looking at the Expo docs
8 What are props in React Native
9 What is state in React Native
10 Install Hyper for terminal commands

Module 3 – React Native basics
11 Create app in React Native using the command line in Hyper
12 Using the FlatList component
13 Using the image component
14 Using pull to refresh with a flatlist
15 How to use React Native Navigation
16 Styling options in react native
17 Using Flex Box

Module 4 – Real world example app
18 Building a weather app – creating the app from the command line
19 Adding Expo gradient component and touch event
20 Add conditional emoji for weather types
21 Planning the flow of the app & adding folders
22 Register with weather API
23 Install dependencies and begin to create home screen
24 Fetching data from an API
25 Cities List
26 Set array of cities and create random function
27 Using the console to log responses and start building FlatList
28 Add styling to FlatList rows and add conditional font colours

Module 5 – Improving the CityWeather app
29 Intro Taking the CityWeather app further.
30 Use tab navigation
31 Add search screen
32 Final changes to improve the CityWeather app

Module 6 – Build and publish to App Stores
33 Create and publishing a build to App Stores

Module 7 ( Bonus & Advanced )
34 Add improved styling for alert box.
35 FlatList in reverse (Inverted prop)
36 How to fix errors
37 Using dimensions
38 Thank you & Links