This module will teach you about React Hooks and its advance concepts such as useDependency Pattern.

React Development for Professionals

In this module, you will learn how to use React Hooks as opposed to class components, which will help you achieve better code composition, code reuse, and unit testing.

We will start by reviewing what React Hooks are and why we need them. Then we will dive into the Hooks API, how to manage application state globally, and how to create custom hooks. In the second half, we will get into unit testing and how to work with the popular useDependency Pattern. By the end of this module, you will have the confidence to write enterprise-level React Hooks code.

A Deep Dive into React Hooks

## The benefits and an example

`react-hooks-testing-library` is an open-source **npm** package that tests React Hooks. 

The Testing Library makes it easier to interact with a hook during unit testing. Some benefits are mentioned below:

- Renders the hook using `renderHook` helper and provides the `result`

- Allows you to access properties from hook output by using  `result.current`. This reference is set to the output of the currently rendered hook.

- Provides `act` helper which can be used to trigger functions returned by hook. `act` automatically re-renders the hook and sets the `result.current` reference accordingly. 

- Allows testing of the React hooks independently of React components. This is useful for testing complex business logic defined in a hook and it covers all possible scenarios.

The following example shows how to use the Testing Library to test the example from the previous lesson.


# The benefits and an example

`react-hooks-testing-library` is an open-source **npm** package that tests React Hooks. 

The Testing Library makes it easier to interact with a hook during unit testing. Some benefits are mentioned below:

- Renders the hook using `renderHook` helper and provides the `result`

- Allows you to access properties from hook output by using  `result.current`. This reference is set to the output of the currently rendered hook.

- Provides `act` helper which can be used to trigger functions returned by hook. `act` automatically re-renders the hook and sets the `result.current` reference accordingly. 

- Allows testing of the React hooks independently of React components. This is useful for testing complex business logic defined in a hook and it covers all possible scenarios.

The following example shows how to use the Testing Library to test the example from the previous lesson.


Examine the usage for the React Hooks Testing Library and when it should be used.

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

React Hooks Testing Library

The benefits and an example