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

## A sample application

It is a common scenario in React applications to show notifications to the user when a certain action is successfully completed or when there is any error while processing the user’s request.

Start learning by looking at the following illustration.

The illustration shows an application where the user is adding personal information to their profile by using an online form. In such cases, the user may have the ability to save one of following details:

* Name
* Password
* Mailing address
* Email preferences

And the list goes on. 

Each of these fields can have a `Save` button to submit data to the back-end allowing it to save it to the profile.

# A sample application

It is a common scenario in React applications to show notifications to the user when a certain action is successfully completed or when there is any error while processing the user’s request.

Start learning by looking at the following illustration.

The illustration shows an application where the user is adding personal information to their profile by using an online form. In such cases, the user may have the ability to save one of following details:

* Name
* Password
* Mailing address
* Email preferences

And the list goes on. 

Each of these fields can have a `Save` button to submit data to the back-end allowing it to save it to the profile.

In this lesson, analyze a basic React application that requires notification functionality. Learn how you can use a custom hook to handle repetitive logic.

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

Building a Notify Hook

A sample application