Gain insights into advanced React patterns with hooks. Learn about optimizing components with hooks over traditional methods like render props or higher-order components for better efficiency.

With the release of hooks, certain React patterns have gone out of style. Hooks are likely the way we’ll be writing React components for the next couple of years, so they are quite important. React patterns can still be used, but in most cases, developers will be better off using hooks. For example, they should choose hooks over render props or higher-order components. There may be specific cases where the aforementioned could still be used, but most of the time, hooks are better. That being said, this course will teach you some of the more advanced React patterns implemented with hooks.

Advanced React Patterns With Hooks

## Introduction
Before we go into the other advanced patterns, it’s important to understand the default way to share functionality with hooks — building a custom hook. 

Only by building on this foundation can we take advantage of the other advanced patterns we will discuss. 

So far, we’ve built a compound component that works great! Let’s say you were the author of some open-source library, and you wanted to expose the “expand” functionality via a custom hook, how would you do this? 

First, let’s agree on the name of your open-source (OS) library. We’ll leave it as `Expandable` — same as before. 

Now, instead of having the logic for managing the `expanded` state in an `Expandable` component that returns a `Provider`, we can just export 2 custom hooks. 

# Introduction
Before we go into the other advanced patterns, it’s important to understand the default way to share functionality with hooks — building a custom hook. 

Only by building on this foundation can we take advantage of the other advanced patterns we will discuss. 

So far, we’ve built a compound component that works great! Let’s say you were the author of some open-source library, and you wanted to expose the “expand” functionality via a custom hook, how would you do this? 

First, let’s agree on the name of your open-source (OS) library. We’ll leave it as `Expandable` — same as before. 

Now, instead of having the logic for managing the `expanded` state in an `Expandable` component that returns a `Provider`, we can just export 2 custom hooks. 

In this lesson, you'll learn how to create a custom hook!

Introduction

Compound Components Pattern

Control Props

Props Collection

Prop Getters

State Initializer

State Reducer

Conclusion

Building a Custom Hook

Introduction