Create Your First React Native App
4.0 (301 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
1,975 students enrolled

Create Your First React Native App

A crash course in building your first React Native app in a weekend or less!
4.0 (301 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
1,975 students enrolled
Created by Spencer Carli
Last updated 6/2017
English
English [Auto-generated]
Current price: $11.99 Original price: $29.99 Discount: 60% off
4 days left at this price!
30-Day Money-Back Guarantee
This course includes
  • 3.5 hours on-demand video
  • 21 articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to Udemy's top 3,000+ courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • How to use the most common React Native components
  • Install and configure third party packages

  • Setup various types of navigation

  • Design reusable React Native components
  • Confidently create future React Native applications
Course content
Expand all 62 lectures 03:33:05
+ Getting Started
6 lectures 21:13
Installing React Native
06:33
Project Organization
03:57
Source Code
00:21
Package Versions
00:18
Creating the Basic Screens
04:00
+ Building the Contact List
12 lectures 41:17
The Contacts Data
00:14
API Overview: FlatList Component
01:44
Exercise: Create a Basic FlatList
00:24
Implementation: Create a Basic FlatList
03:28
Organizing the Component Directory
02:33
API Overview: StyleSheet & Flexbox
02:41
API Overview: Platform
02:08
Creating the Helper Functions
00:20
Installing React Native Vector Icons
03:06
API Overview: Icon Component
02:58
Exercise: Create and Use a ListItem Component
00:27
Implementation: Create and Use a ListItem Component
21:12
+ Basics of Navigation
7 lectures 14:03
API Overview: StackNavigator
04:30
Exercise: Defining a StackNavigator
00:20
Implementation: Defining a StackNavigator
03:10
API Overview: Navigate Function
01:43
Exercise: Navigating Contacts to Details
00:10
Implementation: Navigating Contacts to Details
02:00
+ Building the User Details Screen
11 lectures 57:39
API Overview: Screen Navigation Prop
05:02
API Overview: Custom Navigation Bar Title
03:11
Exercise: Create and Use a Header Component
00:13
Implementation: Create and Use a Header Component
11:13
API Overview: ScrollView Component
02:17
Exercise: Create and Use an Actions Component
00:22
Implementation: Create and Use an Actions Component
14:47
Overview and Installation of Moment.js
03:06
Exercise: Create and Use an Info Component
00:14
Implementation: Create and Use an Info Component
07:15
+ Tab Navigation
5 lectures 13:11
API Overview: TabNavigator
03:45
Exercise: Create and Use a TabNavigator
00:25
Implementation: Create and Use a TabNavigator
06:08
Exercise: StackNavigators for All Tabs
00:18
Implementation: StackNavigators for All Tabs
02:35
+ Drawer Navigator
7 lectures 19:44
API Overview: Drawer Navigator
04:06
Exercise: Creating the DrawerNavigator
00:20
Implementation: Creating the DrawerNavigator
02:35
Opening the Drawer from the Navigation Bar
03:06
Tabs on iOS, Drawer on Android
02:07
Exercise: A Better Navbar Drawer Button
00:17
Implementation: A Better Navbar Drawer Button
07:13
+ Building the Me Screen
5 lectures 12:39
Importing the Data
00:39
Exercise: Composing the Me Screen
00:18
Implementation: Composing the Me Screen
04:06
Exercise: Creating a Button Component
00:18
Implementation: Creating a Button Component
07:18
+ Building the Add Screen
8 lectures 32:58
API Overview: TextInput
03:59
Exercise: Creating a Custom TextInput
00:12
Implementation: Creating a Custom TextInput
06:55
Building a Form
09:33
API Overview & Installation: React Native Keyboard Aware ScrollView
01:44
Exercise: Using KeyboardAwareScrollView
00:10
Implementation: Using KeyboardAwareScrollView
01:46
Progressing From One Field to the Next
08:39
Requirements
  • Basics of Javascript and some ES6 syntax
  • Comfortable using the command line (basic usage in this course)
Description

Interested in learning React Native but don’t want to spend the hours and hours searching for answers to errors you’ve never seen before, hunting down the right packages, frustratingly asking yourself why you can’t figure something so seemingly simple out, and becoming best friends with user90210 on StackOverflow?

This course is designed to get you up and running with React Native as quickly as possibly while introducing you to the most critical pieces of React Native development. It’s not the end-all-be-all - it’s designed to get you started fast while building a firm foundation.

There’s nothing like building your first app - and that’s what this course will help you accomplish.

React Native enables anyone with a computer and basic Javascript knowledge to develop native apps quickly and provide a user experience that no other Javascript based mobile solution has been able to provide before. With the likes of Facebook, Airbnb, Instagram, Tesla, and dozens more - there’s no doubt that React Native is the right solution for your mobile app.

We’ll cover

  • Scrolling lists

  • Designing and creating reusable components

  • Project organization

  • Navigation

  • Core APIs

  • Installing third party packages

  • And more…

And we’ll do this for both iOS and Android.

What if you’ve already built a React Native app?

Well, how do you feel about it? Are you confident in the choices you made? Do you feel like you’ve got a solid foundation of knowledge and experience? If so, then this course probably isn’t for you. However, if you feel like you were hacking a lot of things together, pasting code from StackOverflow that you didn’t truly understand, then you should consider joining.

Who this course is for:
  • People wanting to get started with React Native and want a quick win
  • React Native developers who want to strengthen their foundation of knowledge
  • Anyone wanting to get started with React Native
  • Developers looking for an alternative to their Cordova based applications