Build your first app with React Native and Expo

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.

• About the course
• Welcome to the course
• Who uses React Native & Why Expo
• Software to install
• Intro to React Native
• Overview of React Native components
• Find more information on the React Native docs
• Looking at the Expo docs
• What are "props" in React Native?
• What is "state" in React Native?
• Install Hyper for terminal commands
• Create app in React Native using the command line in Hyper
• Using the FlatList component
• Using the image component
• Using pull to refresh with a flatlist
• How to use React Native Navigation
• Styling options in react native
• Using Flex Box
• Building a weather app - creating the app from the command line
• Planning the flow of the app & adding folders
• Register with weather API
• Install dependencies and begin to create home screen
• Fetching data from an API
• Set array of cities and create random function
• Using the console to log responses and start building FlatList
• Add styling to FlatList rows and add conditional font colours
• Adding Expo gradient component and touch event
• Add conditional emoji for weather types
• Intro: Taking the CityWeather app further
• Use tab navigation
• Add search screen
• Final changes to improve the CityWeather app
• Add improved styling for alert box.
• FlatList in reverse (Inverted prop)
• How to fix errors
• Using dimensions
• How to use custom fonts
• Extra: React Native Navigation Examples (Stack Navigator)