Create Your First React Native App
4.6 (91 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
496 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Create Your First React Native App to your Wishlist.

Add to Wishlist

Create Your First React Native App

A crash course in building your first React Native app in a weekend or less!
4.6 (91 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
496 students enrolled
Created by Spencer Carli
Last updated 6/2017
English
Current price: $10 Original price: $30 Discount: 67% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 3.5 hours on-demand video
  • 21 Articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I 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
View Curriculum
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 is the target audience?
  • 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
Students Who Viewed This Course Also Viewed
Curriculum For This Course
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
+
Moving Forward
1 Lecture 00:47
About the Instructor
Spencer Carli
4.6 Average rating
91 Reviews
496 Students
1 Course
Web & Mobile App Developer

Hey! I'm Spencer. I'm a developer, cat dad, and devout pizza lover. I've been building web and mobile apps for a while using a host of different technologies with my current love falling to Meteor and React Native.

Teaching has always been a passion of mine - even when I was a 14 years old teaching survival skills (long story). I've since transitioned to sharing the technical knowledge I've gathered over the years and am looking forward to sharing that information on Udemy.

Knowledge is the most powerful force we have and I'm looking forward to sharing as much as I can with the great community of Udemy. I'm always happy to answer questions and I encourage you to reach out to me!