Course image for Advanced React Hooks Course

Advanced React Hooks Course

Learn about React hooks in depth and understand how they work exactly

2 hours+ of total content
5.0
5 ratings
211 developers learning
Course Creator: Mehul Mohan

Hang on...

Heads up!

This is an official course from Frontend Web Developer learning path.

Goals

  • useState, useEffect hooks
  • How functional component works under the hood
  • Creating custom hooks
  • useReducer, useCallback, useMemo and more

Description

React hooks is one of the most important aspects of learning to code in React in today’s world. In this dedicated course, we will focus only on React hooks and how to work with them. Some of the hooks include:

  • useState and its details
  • useEffect and its details
  • useRef and the uses
  • useCallback and useMemo for memoization
  • How React internally handles functional components
  • Introduction to advanced React patterns

Are you ready to up skill? Let’s start!

Course Structure

24 lectures 02:42:59 total duration

Introduction to Hooks

(3 lectures • 03 minutes)
  Course Introduction (Watch video)
00:49
  Environment Setup (Watch video)
01:05
  Hooks Introduction (Watch video)
01:39
  Introduction to useState 
05:23
  Lazy state initialization with useState 
08:03
  Update State  
06:03
  useState functional update vs direct update 
08:40
  Re-creating this.setState 
07:32
  Introduction to useEffect 
04:55
  useEffect Dependency Array 
11:19
  useEffect Cleanup Function 
03:46
  Lifecycle of Hooks 
16:22
  Async function in useEffect 
04:48
  useRef Introduction 
07:42
  More on useRef 
07:23
  Using useState as useRef 
04:45
  useReducer Introduction 
10:33
  useReducer with redux-like dispatcher 
09:36
  useMemo 
10:54
  useCallback 
03:47
  Context API (useContext) 
13:35
  Simple custom hook 
03:53
  Custom useLocalStorage hook 
09:42
  Next steps 
00:45

Course Reviews

Jul 26, 2021
I'm almost done with the course and I'm really really enjoying it. There is nothing that I feel that I don't understand or understood. You should definitely take this course in consideration if you want to learn react.
Jul 18, 2021
amazing explanation
Jul 15, 2021
Amazing as always
Jun 21, 2021
Great course on Advance concepts of React
Jan 29, 2021
Looks good!

Your Course Instructor

Course Instructor Image

Mehul Mohan

Full-stack developer and security researcher

I'm a full-stack developer working with JavaScript and its associated runtimes for the past 7 years. I love to play with code and make something useful out of it! You can find me on social media, I'm quite active there :)
codedamn logo

We ♥ quality. And we would love to see your growth. Hence, codedamn comes with a pro plan for advanced and accelerated learning!

Free

  • HD video content
  • Certificate of completion
  • Mentorship from codedamn staff
  • Support over WhatsApp
  • Full learning path unlocked
  • Unlimited hands-on practice

Pro

  • HD video content
  • Certificate of completion
  • Mentorship from codedamn staff
  • Support over WhatsApp
  • Full learning path unlocked
  • Unlimited hands-on practice
Try codedamn Pro (7 day free refund)