4.6 out of 5
4.6
29825 reviews on Udemy

The Complete React Native + Hooks Course [2020 Edition]

Understand React Native with Hooks, Context, and React Navigation.
Instructor:
Stephen Grider
111,765 students enrolled
English [Auto-generated] More
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

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!

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.

Getting Started

1
How to Get Help
2
Course Overview
3
Boilerplate Download
4
Node Version Fix for all Windows Users
5
Trouble Installing?
6
App Setup
7
Making Changes
8
Using iOS and Android Simulators
9
Official Course Repo

Working with Content

1
Overview of React Components
2
Showing a Custom Component
3
Common Questions and Answers
4
Rules of JSX
5
One Common Error
6
JSX Exercise Overview
7
JSX Solution

List Building - With Style!

1
Building Lists
2
The FlatList Element
3
Rendering a FlatList
4
Why a Key Property?
5
Solving the Key Issue
6
A Few Props Around FlatList
7
Exercise Overview
8
Exercise Solution

Navigating Users Between Screens

1
Button Types
2
Buttons in Action
3
Touchable Opacity in Action
4
React Navigation Fix
5
Navigating with React Navigation
6
Destructuring Props

Building Reusable Components

1
Component Reuse with Props
2
Exercise Solution
3
Parent-Child Relationships
4
Communicating from Parent to Child
5
Images Download
6
Showing Images
7
Passing Images as Props
8
Exercise Outline
9
Exercise Solution

State Management in React Components

1
State in Components
2
Screen Boilerplate
3
State in Action
4
Notes on State
5
App Overview
6
Generating Random Colors
7
Adding Random Colors
8
Showing Colors with a FlatList
9
App Overview
10
Reusable Color Adjusters
11
Coordinating State
12
Passing Callbacks to Children
13
Tying State Values Together
14
Validating State Changes
15
Reusable State Updates
16
Introduction to Reducers
17
Creating a Reducer
18
Applying State with a Reducer
19
Restoring Validation
20
Community Convention in Reducers
21
Exercise Outline
22
Exercise Solution
23
Handling Text Input
24
Showing a Text Input
25
Two Important Props
26
Weird Things with Text and State
27
Updating State
28
Exercise Outline
29
Exercise Solution

How to Handle Screen Layout

1
Layout with React Native
2
Basics of Box Object Model
3
AlignItems with Flex
4
Flex Direction
5
Justify Content
6
Flex Values
7
Align Self on Children
8
The Position Property
9
Top, Bottom, Left, Right
10
Absolute Fill Objects
11
Applying Layout Systems
12
Exercise Overview
13
Exercise Solution

Putting It All Together - Restaurant Search App

1
App Overview
2
Project Generation
3
Yelp Signup
4
Yelp Walkthrough
5
React Navigation
6
React Navigation Fix
7
Assembling a Navigator
8
Architecture Approach
9
Starting the SearchBar
10
Displaying Icons
11
Search Bar Styling
You can view and review the lecture materials indefinitely, like an on-demand channel.
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!
4.6
4.6 out of 5
29825 Ratings

Detailed Rating

Stars 5
19001
Stars 4
8275
Stars 3
1921
Stars 2
357
Stars 1
271
e32b1de0ade4a3036a0fb0c8bd5bd22f
30-Day Money-Back Guarantee

Includes

39 hours on-demand video
16 articles
Full lifetime access
Access on mobile and TV
Certificate of Completion