Create Your First React Native App

Create Your First React Native App, available at $49.99, has an average rating of 4.49, with 62 lectures, based on 1282 reviews, and has 7769 subscribers.

You will learn about 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 This course is ideal for individuals who are People wanting to get started with React Native and want a quick win or React Native developers who want to strengthen their foundation of knowledge or Anyone wanting to get started with React Native or Developers looking for an alternative to their Cordova based applications It is particularly useful for People wanting to get started with React Native and want a quick win or React Native developers who want to strengthen their foundation of knowledge or Anyone wanting to get started with React Native or Developers looking for an alternative to their Cordova based applications.

Enroll now: Create Your First React Native App

Summary

Title: Create Your First React Native App

Price: $49.99

Average Rating: 4.49

Number of Lectures: 62

Number of Published Lectures: 62

Number of Curriculum Items: 62

Number of Published Curriculum Objects: 62

Original Price: $24.99

Quality Status: approved

Status: Live

What You Will 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

Who Should Attend

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

Target Audiences

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

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.

Course Curriculum

Chapter 1: Getting Started

Lecture 1: Introduction

Lecture 2: Installing React Native

Lecture 3: Project Organization

Lecture 4: Source Code

Lecture 5: Package Versions

Lecture 6: Creating the Basic Screens

Chapter 2: Building the Contact List

Lecture 1: The Contacts Data

Lecture 2: API Overview: FlatList Component

Lecture 3: Exercise: Create a Basic FlatList

Lecture 4: Implementation: Create a Basic FlatList

Lecture 5: Organizing the Component Directory

Lecture 6: API Overview: StyleSheet & Flexbox

Lecture 7: API Overview: Platform

Lecture 8: Creating the Helper Functions

Lecture 9: Installing React Native Vector Icons

Lecture 10: API Overview: Icon Component

Lecture 11: Exercise: Create and Use a ListItem Component

Lecture 12: Implementation: Create and Use a ListItem Component

Chapter 3: Basics of Navigation

Lecture 1: Overview of and Installing React Navigation

Lecture 2: API Overview: StackNavigator

Lecture 3: Exercise: Defining a StackNavigator

Lecture 4: Implementation: Defining a StackNavigator

Lecture 5: API Overview: Navigate Function

Lecture 6: Exercise: Navigating Contacts to Details

Lecture 7: Implementation: Navigating Contacts to Details

Chapter 4: Building the User Details Screen

Lecture 1: API Overview: Screen Navigation Prop

Lecture 2: API Overview: Custom Navigation Bar Title

Lecture 3: Exercise: Create and Use a Header Component

Lecture 4: Implementation: Create and Use a Header Component

Lecture 5: API Overview: ScrollView Component

Lecture 6: Exercise: Create and Use an Actions Component

Lecture 7: Implementation: Create and Use an Actions Component

Lecture 8: Creating a Reusable Row Component

Lecture 9: Overview and Installation of Moment.js

Lecture 10: Exercise: Create and Use an Info Component

Lecture 11: Implementation: Create and Use an Info Component

Chapter 5: Tab Navigation

Lecture 1: API Overview: TabNavigator

Lecture 2: Exercise: Create and Use a TabNavigator

Lecture 3: Implementation: Create and Use a TabNavigator

Lecture 4: Exercise: StackNavigators for All Tabs

Lecture 5: Implementation: StackNavigators for All Tabs

Chapter 6: Drawer Navigator

Lecture 1: API Overview: Drawer Navigator

Lecture 2: Exercise: Creating the DrawerNavigator

Lecture 3: Implementation: Creating the DrawerNavigator

Lecture 4: Opening the Drawer from the Navigation Bar

Lecture 5: Tabs on iOS, Drawer on Android

Lecture 6: Exercise: A Better Navbar Drawer Button

Lecture 7: Implementation: A Better Navbar Drawer Button

Chapter 7: Building the Me Screen

Lecture 1: Importing the Data

Lecture 2: Exercise: Composing the Me Screen

Lecture 3: Implementation: Composing the Me Screen

Lecture 4: Exercise: Creating a Button Component

Lecture 5: Implementation: Creating a Button Component

Chapter 8: Building the Add Screen

Lecture 1: API Overview: TextInput

Lecture 2: Exercise: Creating a Custom TextInput

Lecture 3: Implementation: Creating a Custom TextInput

Lecture 4: Building a Form

Lecture 5: API Overview & Installation: React Native Keyboard Aware ScrollView

Lecture 6: Exercise: Using KeyboardAwareScrollView

Lecture 7: Implementation: Using KeyboardAwareScrollView

Lecture 8: Progressing From One Field to the Next

Chapter 9: Moving Forward

Lecture 1: Further Learning Resources

Instructors

Spencer Carli
Web & Mobile App Developer

Rating Distribution

1 stars: 23 votes

2 stars: 25 votes

3 stars: 146 votes

4 stars: 474 votes

5 stars: 614 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!