The Complete React Native + Hooks Course [2020 Edition]
4.6 (31,516 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.
119,294 students enrolled

The Complete React Native + Hooks Course [2020 Edition]

Understand React Native v0.62.2 with Hooks, Context, and React Navigation.
Bestseller
4.6 (31,509 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.
119,294 students enrolled
Created by Stephen Grider
Last updated 5/2020
English
English [Auto-generated], French [Auto-generated], 6 more
  • German [Auto-generated]
  • Indonesian [Auto-generated]
  • Italian [Auto-generated]
  • Polish [Auto-generated]
  • Portuguese [Auto-generated]
  • Spanish [Auto-generated]
Current price: $56.99 Original price: $94.99 Discount: 40% off
23 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 38 hours on-demand video
  • 18 articles
  • 22 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll 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
Course content
Expand all 414 lectures 38:18:28
+ Getting Started
8 lectures 22:42
Trouble Installing?
01:24
Using iOS and Android Simulators
03:54
Official Course Repo
00:03
+ Working with Content
7 lectures 32:07
Showing a Custom Component
04:08
Common Questions and Answers
07:08
Rules of JSX
05:50
One Common Error
01:45
JSX Exercise Overview
01:46
JSX Solution
02:40
+ List Building - With Style!
8 lectures 27:33
Building Lists
02:24
The FlatList Element
02:24
Rendering a FlatList
05:12
Why a Key Property?
04:11
Solving the Key Issue
05:18
A Few Props Around FlatList
04:57
Exercise Overview
00:53
Exercise Solution
02:14
+ Navigating Users Between Screens
5 lectures 24:11
Button Types
03:44
Buttons in Action
05:20
Touchable Opacity in Action
04:18
Navigating with React Navigation
06:46
Destructuring Props
04:03
+ Building Reusable Components
9 lectures 27:53
Component Reuse with Props
03:35
Exercise Solution
01:49
Parent-Child Relationships
05:07
Communicating from Parent to Child
05:44
Images Download
00:04
Showing Images
04:07
Passing Images as Props
04:14
Exercise Outline
00:47
Exercise Solution
02:26
+ State Management in React Components
29 lectures 02:54:48
State in Components
05:35
Screen Boilerplate
03:14
State in Action
09:45
Notes on State
06:59
App Overview
05:06
Generating Random Colors
04:27
Adding Random Colors
04:48
Showing Colors with a FlatList
03:33
App Overview
04:43
Reusable Color Adjusters
06:14
Coordinating State
05:31
Passing Callbacks to Children
06:21
Tying State Values Together
07:16
Validating State Changes
07:56
Reusable State Updates
07:34
Introduction to Reducers
08:39
Creating a Reducer
15:00
Applying State with a Reducer
08:55
Restoring Validation
07:00
Community Convention in Reducers
06:49
Exercise Outline
01:16
Exercise Solution
10:56
Handling Text Input
03:22
Showing a Text Input
03:28
Two Important Props
04:16
Weird Things with Text and State
06:11
Updating State
04:52
Exercise Outline
02:28
Exercise Solution
02:34
+ How to Handle Screen Layout
13 lectures 46:16
Layout with React Native
03:49
Basics of Box Object Model
05:55
AlignItems with Flex
04:34
Flex Direction
03:47
Justify Content
02:56
Flex Values
05:08
Align Self on Children
02:24
The Position Property
02:33
Top, Bottom, Left, Right
03:01
Absolute Fill Objects
02:46
Applying Layout Systems
01:52
Exercise Overview
01:13
Exercise Solution
06:18
+ Putting It All Together - Restaurant Search App
14 lectures 55:14
App Overview
01:36
Project Generation
02:40
Yelp Signup
04:40
Yelp Walkthrough
04:16
React Navigation
03:06
React Navigation Fix
00:26
Assembling a Navigator
06:58
Architecture Approach
02:47
Starting the SearchBar
04:11
Displaying Icons
05:48
Search Bar Styling
04:08
A Touch More Styling
03:52
Managing State
06:42
Detecting Editing Completion
04:04
+ Using Outside API's
4 lectures 31:23
Configuring Axios
06:58
Making the Request
10:37
Error Handling
07:30
Running an Initial Search
06:18
+ Making Hooks Reusable
6 lectures 29:02
Incorrect Hook Name in Slide
00:09
The UseEffect Hook
04:14
Extracting Hook Logic
07:34
Showing Search Results
05:57
Grouping Results
07:10
FlatList Rendering
03:58
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.  Hooks? 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!

This course includes content on both v0.62.2 and the legacy v0.30.x, which is widely used in industry.

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 this course is for:
  • This course is for anyone looking to make native apps with React Native