Gain insights into using React Hooks to enhance code composition and reuse. Delve into custom hooks, global state management, unit testing, and the useDependency Pattern for enterprise-level coding.

prettyeslint.tar.gz

Jest

Jest only

Jest only-copy

Jest-copy

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 for the rest of the course. After that you will dive into the Hooks API, how to manage application state globally, as well as how to create custom hooks.

In the second half, you’ll get into unit testing and how to work with the popular useDependency Pattern. By the end of this course, you’ll have the confidence to write enterprise-level React Hooks code.

A Deep Dive into React Hooks

# Rules for React Hooks 

React requires you to follow some rules when calling React Hooks. These rules are important for React Hooks to function as expected. If one of the rules is not adhered to, React library will throw a runtime error known as `Invalid Hook Call Warning`. 

See the rules below:

## 1. Only call hooks at the top level

Hooks should only be called at the top level of a component.

Hooks should not be called in `if` statements, loops, or nested functions. React Hooks such as `useState` and `useEffect` rely on the order in which they are called to preserve the current context and to calculate for the next state or side effect accordingly. 

If the order of hook calls is different in each render, it would break this flow in React. For this reason, the first rule is very important.

## 2. Only call hooks from React functions

The second rule of React Hooks says that you should only call React Hooks from a React component. Hooks should not be called from plain JavaScript functions.

This rule should remind you that React Hooks need current rendering context to work which is not available outside React components.


Learn about the rules of React Hooks and what to do when encountering an invalid hook call warning.

Introduction

Getting Started with React Hooks

React Hooks API

Advanced: Deep Dive into useEffect Hook

Managing Global State with Hooks

Create Your Own Hooks

Unit Testing for React Hooks

Advanced: useDependency Pattern with Hooks

Conclusion

The Story of Rules of Hooks

Rules for React Hooks

1. Only call hooks at the