The Complete React Native and Redux Course
4.7 (8,098 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.
32,310 students enrolled
Wishlisted Wishlist

Please confirm that you want to add The Complete React Native and Redux Course to your Wishlist.

Add to Wishlist

The Complete React Native and Redux Course

iOS and Android App Development from scratch - build fully native mobile apps ridiculously fast!
Bestselling
4.7 (8,098 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.
32,310 students enrolled
Created by Stephen Grider
Last updated 7/2017
English
English
Current price: $15 Original price: $95 Discount: 84% off
30-Day Money-Back Guarantee
Includes:
  • 17 hours on-demand video
  • 5 Articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Create real-world native apps using React Native
  • Make truly reusable components that look great
  • Understand the terminology and concepts of Redux
  • Prototype and deploy your own applications to the Apple and Google Play Stores
  • Get up to speed with React design principles and methodologies
  • Discover mobile design patterns used by experienced engineers
View Curriculum
Requirements
  • All you need is basic understanding of Javascript
Description

If you're tired of spinning your wheels learning Swift or Android, this is the course for you.

Authentication? You will learn it.  Redux? Included.  Navigation? Of course!

This course will get you up and running with React Native quickly, and teach you the core knowledge you need to deeply understand and build React components for mobile devices.

Both OSX and Windows supported - develop iOS or Android!

We'll start by mastering the fundamentals of React, including JSX, “props", “state", and event handling. Source code is provided for each lecture, so you will always stay up-to-date with the course pacing.  Special attention has been paid to creating reusable components that you'll be able to make use of on your own fantastic projects.

React Native is an excellent solution for developing apps on mobile in a fraction of the time it takes to make an equivalent iOS or Swift app.  You'll love seeing your changes instantly appear on your own device, rather than waiting for Swift/Java code to recompile!  This quick feedback loop, along with excellent cross platform support, is what has catapulted React Native to the top must-have skill for Javascript engineers.

If you are new to React, or if you've been working to learn it but sometimes feel like you still don't quite 'get it', this is the React course for you! To learn React you have to understand it.

  • Learn how to use React's custom markup language, JSX, to clean up your Javascript code
  • Master the process of breaking down a complex component into many smaller, interchangeable components
  • Grasp the difference between “props" and “state" and when to use each
  • Render interactive, media-rich components in beautifully styled apps
  • Develop apps that are unique, fun, and responsive
  • Build on both Android and iOS platforms
  • Master integration with Firebase for user authentication
  • Learn the core principles of navigation with React Native


I've built the course that I would have wanted to take when I was learning React Native. A course that explains the concepts and how they're implemented in the best order for you to learn and deeply understand them.

Who is the target audience?
  • This course is for anyone looking to make native apps with React Native
Curriculum For This Course
163 Lectures
16:57:30
+
Dive Right In!
3 Lectures 04:19
+
Got OSX? Go Here.
3 Lectures 13:39
OSX Installation
06:02

More on OSX Installation
05:25

Running in the Simulator
02:12
+
Got Windows? Go Here.
3 Lectures 26:39
Windows Setup of React Native
06:31

Android Studio and React Native CLI Installation
05:12

Emulator Creation and System Variables
14:56
+
[Optional] ESLint Setup
4 Lectures 27:13
ESLint Setup and Overview
08:56

ESLint Setup with Atom
06:18

ESLint Setup with Sublime Text 3
08:22

ESLint Setup with VSCode
03:37
+
Onwards!
10 Lectures 48:20
Troubleshooting React Native Installs
00:22


Getting Content on the Screen
04:47

React vs React Native
03:11

Creating a Component with JSX
06:16

Registering a Component
03:45

Destructuring Imports
05:25

Application Outline
04:47

The Header Component
08:29

Consuming File Exports
06:50
+
Making Great Looking Apps
5 Lectures 26:29

More on Styling Components
04:51


Header Styling
04:23

Making the Header Reusable
07:18
+
HTTP Requests with React Native
14 Lectures 01:28:45
Sourcing Album Data
04:51

List Component Boilerplate
06:07

Class Based Components
07:26

Lifecycle Methods
06:40

Quick Note On Axios
00:10

Network Requests
08:11

Component Level State
08:57

More on Component Level State
06:53

Rendering a List of Components
05:55

Displaying Individual Albums
09:30

Fantastic Reusable Components - The Card
05:25

Styling a Card
06:05

Passing Components as Props
04:12

Dividing Cards into Sections
08:23
+
Handling Component Layout
12 Lectures 01:06:16
Mastering Layout with Flexbox
05:12

Positioning of Elements on Mobile
05:20

More on Styling
04:27

Images with React Native
07:35

Displaying Album Artwork
08:40

Making Content Scrollable
04:30

Handling User Input with Buttons
07:50

Styling of Buttons with UX Considerations
05:28

Responding to User Input
07:18

Linking Between Mobile Apps
04:20

Setting Button Text by Props
02:29

App Wrapup
03:07
+
Authentication with Firebase
14 Lectures 01:20:53
Auth App Introduction
04:45

A Common Root Component
06:20

Copying Reusable Components
11:21

What is Firebase?
05:17

Firebase Client Setup
04:47

Login Form Scaffolding
06:10

Handling User Inputs
03:20

More on Handling User Inputs
03:18

How to Create Controlled Components
04:30

Making Text Inputs From Scratch
04:14

A Focus on Passing Props
05:01

Making the Input Pretty
06:00

Wrapping up Inputs
07:15

Password Inputs
08:35
+
Processing Authentication Credentials
9 Lectures 59:28
Logging a User In
05:35

Error Handling
07:18

More on Authentication Flow
07:30

Creating an Activity Spinner
04:59

Conditional Rendering of JSX
06:40

Clearing the Form Spinner
08:28

Handling Authentication Events
06:09

More on Conditional Rendering
07:19

Logging a User Out and Wrapup
05:30
10 More Sections
About the Instructor
Stephen Grider
4.7 Average rating
42,446 Reviews
97,367 Students
12 Courses
Engineering Architect

Stephen Grider has been building complex Javascript front ends for top corporations in the San Francisco Bay Area. With an innate ability to simplify complex topics, Stephen has been mentoring engineers beginning their careers in software development for years, and has now expanded that experience onto Udemy, authoring the highest rated React course. He teaches on Udemy to share the knowledge he has gained with other software engineers. Invest in yourself by learning from Stephen's published courses.