Complete React Hooks Course 2020: A - Z ( Scratch to React )
4.6 (415 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.
2,323 students enrolled

Complete React Hooks Course 2020: A - Z ( Scratch to React )

React JS Hooks way ( Latest & Comprehensive) : Redux , React Router, Testing with Jest, Build Component Library
Bestseller
4.6 (415 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.
2,323 students enrolled
Created by Hemil Patel
Last updated 10/2019
English
English [Auto]
Current price: $89.99 Original price: $149.99 Discount: 40% off
9 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 8 hours on-demand video
  • 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
  • React Hooks from scratch
  • Learn React Hooks way
  • React Hooks advanced level
Course content
Expand all 57 lectures 08:13:03
+ Introduction & Setup
6 lectures 36:59

Course Introduction. 

Preview 04:13

Information about using the course.

Getting Started
03:47

Instruction on Installing create-react-app

Preview 04:42

Understanding React Project Structure

Understanding Project Structure
14:29

Setting up SASS for the project

Setting up SASS
02:50
Setting up linter
06:58
+ React Fundamentals
13 lectures 01:06:27

A quick introduction to JSX ( JavaScript XML ) syntax.

Preview 05:10

Styling React components using Inline Styles ( JS in CSS ) , CSS file and SASS

Styling Components
11:41

Building reusable components

Reusable Components
04:53

How to pass props in the components

Props
02:21

Understanding React.fragment

Fragments
04:09

Destructing components props

Destructring Props
03:02

Rendering component based on condition

Conditional Rendering
03:59

Understanding Higher Order Components that takes component as argument and returns a component

Higher Order Components
07:22

useState hook for creating local state

useState Hook
05:31

Understanding how hooks works internally

Hooks Internals
08:31

Understanding rules for creating and using hooks

Hooks Rules
01:55

Understanding complex state which holds more than simple primitive types.   

Complex State
02:49
Managing Lists
05:04
+ Handling Events
8 lectures 01:14:55

Adding click and other events to components

Adding Events
14:04

Understanding communication between parent and child component

Component Communication
07:38

creating multiple local using  useStates

Using Multiple Local States
05:32

Understanding Keyword events

Keyboard Events
07:05

Building your own  custom hook

Building your own Custom Hook
07:21

Adding onChange event to an input element

onChange Event
09:38

referencing element using useRef hook

useRef Hook
14:13
Forwarding refs
09:24
+ Component Lifecycle
9 lectures 01:10:45

component lifecycle methods

Lifecycle Methods
03:16

Add lifecycle method using useEffect hook

useEffect Hook
10:31
useEffect Example
08:34

fetching data using Async Await

Fetch Data with Async Await
06:16

Memoization using useMemo hook

useMemo Hook ( Memoization )
06:38

creating your own custom hook to hold previous state

Custom Hook: usePrevious
06:33

useLayoutEffect hook for synchronous layout update

useLayoutEffect Hook
09:35
useDebugValue Hook
04:17

Create a custom hook for fetching data

Custom Hook: useCustomFetch
15:05
+ React Router
5 lectures 44:44

Setting up Routes for a single page application

Setting up Routes
10:51
Route Links
05:39
Route Redirect
05:36
Route Prompt
08:21
useContext Hook
14:17
+ Redux
6 lectures 58:48

Managing global states using Redux

Redux Fundamentals
03:14

Using React with Redux

React + Redux
20:18
Combining Multiple Reducers
10:51
Redux Thunk
11:19
useReducer Hook
06:30
React + Mobx
06:36
+ Hooks Testing
2 lectures 26:47

Understanding Testing Unit Testing

Testing Philosophy
04:21
Unit Test with Jest
22:26
+ Projects
2 lectures 37:31

Building a tic tac toe app.

Tic Tac Toe Game
25:34
Draggable List
11:57
+ Building your own reusable component library
3 lectures 39:00

Building your own component library

Requirement for a component library
09:57

Creating a reusable button

Build a reusable button component
19:22
Building a style-guide with styleguidist
09:41
+ Type Checking
3 lectures 37:07

Type Checking with proptypes

PropTypes
11:43
Flow Types
09:49
TypeScript
15:35
Requirements
  • JavaScript knowledge needed
Description

This is a modern and comprehensive React JS course that focuses on only the latest version of React with hooks ( "no classes"). We will cover the following:

  • Fundamentals like JSX, component communication, events, fragments, Higher Order Components, and more.

  • Built-in hooks like useState, useEffect, useReducer, useContext, useDebugValue, useMemo, useRef, useLayoutEffect

  • Build our own custom hooks

  • Global State Management with Redux and Redux thunk

  • React Testing with Jest and React testing Library

One of the best feature of this course is its simplicity. All the coding samples are very easy to understand. I prefer to use realtime use cases to explain concepts. 

Who this course is for:
  • Beginner React developers
  • React Developers moving to latest version of React