A Deep Dive into React Hooks

Takeaway Skills

Complete understanding of React Hooks

Better code composition with React Hooks

Patterns of React Hooks

Complete understanding of React Hooks

Better code composition with React Hooks

Patterns of React Hooks

Course Overview

In this course, you will learn how to use React Hooks, which will help you achieve better code composition, code reuse, and unit testing ability as opposed to using class components. You’ll start by reviewing what React Hooks are all about and why we need them. This will set the stage... See More

How You'll Learn

Hands-on coding environments

You don’t get better at swimming by watching others. Coding is no different. Practice as you learn with live code environments inside your browser.

Faster than videos

Videos are holding you back. The average video tutorial is spoken at 150 words per minute, while you can read at 250. That‘s why our courses are text-based.

No set-up required

Start learning immediately instead of fiddling with SDKs and IDEs. It‘s all on the cloud.

Progress you can show

Built in assessments let you test your skills. Completion certificates let you show them off.

Hands-on coding environments

You don’t get better at swimming by watching others. Coding is no different. Practice as you learn with live code environments inside your browser.

Faster than videos

Videos are holding you back. The average video tutorial is spoken at 150 words per minute, while you can read at 250. That‘s why our courses are text-based.

No set-up required

Start learning immediately instead of fiddling with SDKs and IDEs. It‘s all on the cloud.

Progress you can show

Built in assessments let you test your skills. Completion certificates let you show them off.

Course Contents

Hide All

Hide All Lessons

1. Introduction

Introduction

About the Course

2. Getting Started with React Hooks

Introduction to React Hooks

The Need for Hooks in React

First Look at React Hooks Usage

The Story of Rules of Hooks

3. React Hooks API

useState Hook

useEffect Hook

useContext Hook

React Hook with Reducer Pattern

Memoization Hooks

Less Common Hooks

4. Advanced: Deep Dive into useEffect Hook

Using Dependencies Array with useEffect Hook

Run useEffect Function with Change in State or Props

Dependencies Array Usage for Components and Functions

5. Managing Global State with Hooks

Introduction

Designing Global State

Coding for Global State

Practical Example Using Global State

6. Create Your Own Hooks

Introduction

Building a Notify Hook

Design for Notify Hook

Coding for Notify Hook

Working Example of Notify Hook

Summary

7. Unit Testing for React Hooks

Introduction

Manual Approach to Testing Hooks

React Hooks Testing Library

8. Advanced: useDependency Pattern with Hooks

Introduction

Basic Design for useDependency Pattern

Implementation for useDependency Pattern as a Hook

Adding More Options to useDependency Hook

Summary

9. Conclusion

Final Thoughts