The Complete React Native + Hooks Course

The Complete React Native + Hooks Course, available at $119.99, has an average rating of 4.53, with 444 lectures, based on 44623 reviews, and has 191422 subscribers.

You will learn about 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 This course is ideal for individuals who are This course is for anyone looking to make native apps with React Native It is particularly useful for This course is for anyone looking to make native apps with React Native.

Enroll now: The Complete React Native + Hooks Course

Summary

Title: The Complete React Native + Hooks Course

Price: $119.99

Average Rating: 4.53

Number of Lectures: 444

Number of Published Lectures: 436

Number of Curriculum Items: 444

Number of Published Curriculum Objects: 436

Original Price: $84.99

Quality Status: approved

Status: Live

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

Who Should Attend

This course is for anyone looking to make native apps with React Native

Target Audiences

This course is for anyone looking to make native apps with React Native

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.

Course Curriculum

Chapter 1: Getting Started

Lecture 1: How to Get Help

Lecture 2: Course Resources

Lecture 3: Join Our Community!

Lecture 4: Course Overview

Lecture 5: Installing Node.js and Prerequisite Info

Lecture 6: Boilerplate Download and Startup

Lecture 7: App Setup

Lecture 8: Making Changes

Lecture 9: Expo for Web Browser – Do Not Skip

Lecture 10: Using iOS and Android Simulators

Chapter 2: Working with Content

Lecture 1: Overview of React Components

Lecture 2: Showing a Custom Component

Lecture 3: Common Questions and Answers

Lecture 4: Rules of JSX

Lecture 5: One Common Error

Lecture 6: JSX Exercise Overview

Lecture 7: JSX Solution

Chapter 3: List Building – With Style!

Lecture 1: Building Lists

Lecture 2: The FlatList Element

Lecture 3: Rendering a FlatList

Lecture 4: Why a Key Property?

Lecture 5: Solving the Key Issue

Lecture 6: A Few Props Around FlatList

Lecture 7: Exercise Overview

Lecture 8: Exercise Solution

Chapter 4: Navigating Users Between Screens

Lecture 1: Button Types

Lecture 2: Buttons in Action

Lecture 3: Touchable Opacity in Action

Lecture 4: Navigating with React Navigation

Lecture 5: Destructuring Props

Chapter 5: Building Reusable Components

Lecture 1: Component Reuse with Props

Lecture 2: Exercise Solution

Lecture 3: Parent-Child Relationships

Lecture 4: Communicating from Parent to Child

Lecture 5: Images Download

Lecture 6: Showing Images

Lecture 7: Passing Images as Props

Lecture 8: Exercise Outline

Lecture 9: Exercise Solution

Chapter 6: State Management in React Components

Lecture 1: State in Components

Lecture 2: Screen Boilerplate

Lecture 3: State in Action

Lecture 4: Notes on State

Lecture 5: App Overview

Lecture 6: Generating Random Colors

Lecture 7: Adding Random Colors

Lecture 8: Showing Colors with a FlatList

Lecture 9: App Overview

Lecture 10: Reusable Color Adjusters

Lecture 11: Coordinating State

Lecture 12: Passing Callbacks to Children

Lecture 13: Tying State Values Together

Lecture 14: Validating State Changes

Lecture 15: Reusable State Updates

Lecture 16: Introduction to Reducers

Lecture 17: Creating a Reducer

Lecture 18: Applying State with a Reducer

Lecture 19: Restoring Validation

Lecture 20: Community Convention in Reducers

Lecture 21: Exercise Outline

Lecture 22: Exercise Solution

Lecture 23: Handling Text Input

Lecture 24: Showing a Text Input

Lecture 25: Two Important Props

Lecture 26: Weird Things with Text and State

Lecture 27: Updating State

Lecture 28: Exercise Outline

Lecture 29: Exercise Solution

Chapter 7: How to Handle Screen Layout

Lecture 1: Layout with React Native

Lecture 2: Basics of Box Object Model

Lecture 3: AlignItems with Flex

Lecture 4: Flex Direction

Lecture 5: Justify Content

Lecture 6: Flex Values

Lecture 7: Align Self on Children

Lecture 8: The Position Property

Lecture 9: Top, Bottom, Left, Right

Lecture 10: Absolute Fill Objects

Lecture 11: Applying Layout Systems

Lecture 12: Exercise Overview

Lecture 13: Exercise Solution

Chapter 8: Putting It All Together – Restaurant Search App

Lecture 1: App Overview

Lecture 2: Important Note About Project Generation

Lecture 3: Project Generation

Lecture 4: Yelp API Info and Workarounds

Lecture 5: Yelp Signup

Lecture 6: Yelp Walkthrough

Lecture 7: React Navigation

Lecture 8: Required React Navigation Installation Update

Lecture 9: Assembling a Navigator

Lecture 10: Architecture Approach

Lecture 11: Starting the SearchBar

Instructors

Stephen Grider
Engineering Architect

Rating Distribution

1 stars: 435 votes

2 stars: 548 votes

3 stars: 2936 votes

4 stars: 12550 votes

5 stars: 28159 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!