Expanded

Build iOS Apps with React Native

By Hendrik Swanepoel
Leverage your existing web development skills to easily build slick native iOS apps.
Course info
Rating
(266)
Level
Intermediate
Updated
Jun 18, 2015
Duration
1h 59m
Table of contents
Introduction
Overview 2m Introducing React 1m Introducing React Native 3m An Overview of the Demo App for this Course 1m How React Native Works 1m
Prep Your Environment for React Native
Installing React Native 2m Generating a React Native App 3m Debugging with Chrome 3m Examples and Documentation 5m Recap 1m
Create a Login View
Create the Login View Class 4m Displaying the Login View 2m The Login View Container 3m Adding an Image to the Login View 2m Adding a Heading to the Login View 1m Adding Text Boxes to the Login View 1m Adding a Button to the Login View 2m Recap 1m
Make the Login View Functional
Module Overview 1m Using ES6 Classes 2m Syncing Text Boxes with State 1m Handling the Button Press Event 1m Showing Progress 2m Making HTTP Calls with Fetch 2m Base64 Encoding for Basic HTTP Authentication 2m Calling GitHub API with Basic HTTP Authentication 2m Handling Authentication Success and Failure 2m Adapting the View to Show Authentication Results 1m Refactor Authentication Logic to Separate Class 3m Transition to Different View on Successful Login 3m Using AsyncStorage to Store Authentication Details 2m Retrieving Authentication Details from AsyncStorage 5m Recap 1m
Working with Tabs
Adding a Container View for the Tab Bar Component 2m The Tab Bar Component 3m Recap 1m
Building a Feed with the ListView Component
A Basic Use of the ListView Component 4m Fetching Data 2m Showing Progress 1m Layout for the Rows 3m Recap 1m
Building a Detail View with the Navigator Component
Overview 1m Handling Press Events on Rows 1m Using the NavigatorIOS Component to Show Detail 4m Fleshing Out the Detail View 3m Styling the Detail View 3m Recap 1m
Building the Search Component
Overview 1m Defining the Search Component 3m Defining the Search Results Component 4m Calling the GitHub Search API 3m Fleshing Out the Search Results 5m Recap 1m
Calling Objective-C Code from React Native Code
Overview 1m The Objective-C Side 5m The JavaScript Side 3m Recap 1m
Description
Course info
Rating
(266)
Level
Intermediate
Updated
Jun 18, 2015
Duration
1h 59m
Description

Do you have experience in web development and would like to gain valuable experience in mobile development? React Native enables you to leverage your existing skills to build slick native iOS apps. React is extremely popular, has great community support, and now, through React Native, supports building iOS apps that are indistinguishable from apps built with Objective-C or Swift.

About the author
Hendrik Swanepoel
About the author

In his day job Hendrik is a full stack coder from Cape Town. For a large part of his career he worked with .NET, but the last few years he spent most of his time with JavaScript.

More from the author
Optimize Performance for React
Intermediate
55m
Apr 16, 2020
Using Specialized Types and Language Features in TypeScript
Intermediate
1h 32m
Nov 22, 2019
React Native: Getting Started
Beginner
1h 49m
Jun 20, 2018
More courses by Hendrik Swanepoel

You're the smartest person in the room

PROVE IT

Your team won't just close the skills gap

THEY'LL HURDLE IT