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

The purpose of building a custom hook and using it with a global Store was to show the true power of using custom hooks in your own applications. With hooks, it is possible to achieve a better code composition that is easier to understand, maintain, and refactor.

As discussed earlier, building a custom hook helps share stateful logic between components. A custom hook can use its own dedicated state or use a global Store.

In fact, you can use one of the following options when it comes to integration with the state in custom hooks:

* Use a third-party provider like Redux or MobX.
* Use the global state within React.
* Use _dedicated state_ within a custom hook and share it through a getter function or simply return the reference to the state variable.

In this case, you leveraged the available global Store to manage the Notify state.




Examine the closing remarks of this lesson. Keep it in mind when building your own hooks.

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

Summary