Build your first app with React Native

Name: Build your first app with React Native
Rating: 4.2 (46 reviews)

Get started right away with React Native - Start building native apps for iOS & Android today!

Created byRusty Zone

Last updated 10/2018

English

What you'll 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
Learn how to create a new app from the command line

Course content

7 sections • 43 lectures • 4h 26m total length

Welcome to the course0:57
Getting started0:40
Meet your instructor Russell and get started with React Native by introducing yourself in the Q&A and sharing your goals for taking this course.
Who uses React Native & Why Expo4:09
Software to install2:40
Install node to run the course software, then set up Xcode on Macs; Windows builds remain Android-only. Install the Expo app and use Atom with create-react-native-app for development.

Intro to React Native2:46
Explore the basics of React Native, a framework for building fully native apps with JavaScript, using components, state, props, and styling.
Overview of React Native components3:25
Find more information on the React Native docs1:40
Looking at the Expo docs1:10
What are "props" in React Native?4:14
What is "state" in React Native?4:33
Learn how state in React Native holds data for rendering, initialize it in the constructor, and update it through interactions to dynamically change UI elements and reflect live data.
Install Hyper for terminal commands1:16

Create app in React Native using the command line in Hyper9:29
Using the FlatList component8:01
Create and render a flat list of names using React Native's FlatList, wiring data from state, explaining key extraction for performance, and applying inline or stylesheet styling.
Using the image component6:11
Using pull to refresh with a flatlist5:05
How to use React Native Navigation10:31
Styling options in react native16:14
Combine tabs and a flat list to build a styled list view in React Native, applying inline styles and a style sheet to control layout, spacing, borders, and text appearance.
Using Flex Box2:41

Building a weather app - creating the app from the command line7:53
Planning the flow of the app & adding folders4:55
Register with weather API3:20
Install dependencies and begin to create home screen11:41
Fetching data from an API9:31
Cities List0:26
Set array of cities and create random function7:29
Set up a cities array and a randomization function to select seven cities, fetch temperatures and weather data, and display them in a flat list with refresh support.
Using the console to log responses and start building FlatList19:54
Android Notes: Using Font Family0:21
Add styling to FlatList rows and add conditional font colours16:00
Adding Expo gradient component and touch event11:32
Add conditional emoji for weather types6:20

How to use custom fonts8:50
Android Notes: Alert box display0:38
Add improved styling for alert box.20:10
FlatList in reverse (Inverted prop)2:05
Learn how to use the inverted prop on FlatList to show older messages at the top and newest at the bottom, enabling pull to refresh in messaging apps.
How to fix errors11:00
Using dimensions2:56
Extra: React Native Navigation (Stack Navigator)5:54
Thank you & Links0:10

Requirements

Basic knowledge of Javascript, HMTL and CSS would help.

Description

Start building apps today!

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.

Who this course is for:

Anyone interested in learning how to create apps for iOS and Android

Build your first app with React Native

What you'll learn

Explore related topics

Course content

Course Introduction4 lectures • 8min

Intro to React Native7 lectures • 19min

React Native Basics7 lectures • 58min

Building a Real Weather App In React Native12 lectures • 1hr 39min

Improving the CityWeather App4 lectures • 29min

Build & Publish to App Stores1 lecture • 1min

Bonus & Advanced8 lectures • 52min

Requirements

Description

Who this course is for: