React Native: Getting Started

By Hendrik Swanepoel
React Native is one of the most popular ways to build native mobile apps, and it allows you to leverage your existing web skill set. This course teaches you how to use React Native components, debug, consume an HTTP API, and more.
Play course overview
Course info
Rating
(60)
Level
Beginner
Updated
Jun 20, 2018
Duration
1h 50m
Table of contents
Course Overview
Course Overview 2m
Introduction
React Native Overview 4m What You Will Build in This Course 2m React Native Alternatives 4m An Overview of How React Native Works 2m Prerequisites for This Course 2m Summary 2m
Configuring Your Environment
Overview 2m Generating a React Native App 2m Running Your App on Your Device 3m Connecting to Your App with Developer Tools 3m Dealing with Errors and Warnings 3m Summary 2m
Creating Your First React Native Component
Getting Your First Component to Render 4m Binding to a List 9m Handling Layouts of Complex Components 7m Styling React Native Components 4m Adding Finishing Touches to Your Component 3m Summary 2m
Adding Navigation to Your App
Introduction to Navigation in React Native 2m Making an App Navigation Based 3m Triggering Navigation 3m Summary 1m
Building Forms to Gather Input
Using the TextInput Component 4m Syncing the TextInput Value to State 2m Styling a Button 1m Adding and Styling an Additional TextInput Component 5m Gathering a Date Value Using a Date-picker Component 2m Summary 2m
Working with Real Data
Introducing HTTP Requests in React Native 2m Getting a Development HTTP Server Running 2m Fetching Data from an HTTP API 4m Sending Data to an HTTP API 3m Reloading a Navigation State After a Change 2m Summary 1m
Next Steps
Ejecting Your App 3m Native Integration and Deploying to App Stores 2m Wrapping Up 1m
Description
Course info
Rating
(60)
Level
Beginner
Updated
Jun 20, 2018
Duration
1h 50m
Description

Building cross-platform mobile apps has become less time consuming and more efficient with one of the most popular frameworks, React Native. In this course, React Native: Getting Started, you will learn the basics of building React Native apps. First, you will discover how to set up your environment in record time, including how to debug and run your app on your phone. Next, you will explore the React Native component library and how to style your layouts for a professional feel. Finally, you will delve into how to consume an HTTP API from your app. When you’re finished with this course, you will have the basic skills and knowledge of React Native needed to tackle profitable, cross-platform mobile projects without learning at least two new programming languages.

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
Building Real-time Apps with React, Socket.io, and RethinkDB
Intermediate
1h 52m
Oct 23, 2017
Using Redux to Manage State in Angular
Intermediate
1h 21m
Mar 20, 2017
More courses by Hendrik Swanepoel
Section Introduction Transcripts
Section Introduction Transcripts

Course Overview
Hi everyone. My name is Hendrik Swanepoel, and welcome to my course, React Native: Getting Started. I'm a software engineer with loads of experience in React and React Native. Over the last few years, I've worked on several React Native apps in all kinds of industries from golfing to banking. In this course, we're going to get you familiarized with React Native, putting you in a good position to start building slick mobile apps for both iOS and Android. Some of the major topics that we'll cover include setting up your environment for building React Native apps, running and debugging an app on your device, using and styling React Native components. By the end of this course, you'll know how to create a React Native app from scratch. You'll be able to navigate the React Native Docs in order to pick and use the correct components for your app. You'll know how to style components, and you'll know how to bind components to data from an HTTP API. Before beginning this course, you should be familiar with the basics of React, Git, the command line, and npm. I hope you'll join me on this journey to learn React Native.

You're the smartest person in the room

PROVE IT

Your team won't just close the skills gap

THEY'LL HURDLE IT