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

## Why the State Reducer Pattern?

The **state reducer pattern** is the final and perhaps the most advanced pattern that we’ll be discussing in this course. Don’t let that scare you. I’ll take my time to explain how it really works while explaining why it matters too. 

When we write custom hooks or components, they most likely have some way to keep track of the internal state. With the state reducer pattern, we give control to the user of our custom hook/component on how the state is updated internally.

### State Updating In Regular Patterns
The technical term for this is called   "inversion of control”. In layman terms, it means a system that allows the user to control how things work internally within your API. 

Let’s look at how this works conceptually. 

The typical flow for communicating updates to the user of your custom hook or component looks like this:

# Why the State Reducer Pattern?

The **state reducer pattern** is the final and perhaps the most advanced pattern that we’ll be discussing in this course. Don’t let that scare you. I’ll take my time to explain how it really works while explaining why it matters too. 

When we write custom hooks or components, they most likely have some way to keep track of the internal state. With the state reducer pattern, we give control to the user of our custom hook/component on how the state is updated internally.

## State Updating In Regular Patterns
The technical term for this is called   "inversion of control”. In layman terms, it means a system that allows the user to control how things work internally within your API. 

Let’s look at how this works conceptually. 

The typical flow for communicating updates to the user of your custom hook or component looks like this:

Let's get started with the reducer pattern!

Introduction

Compound Components Pattern

Control Props

Props Collection

Prop Getters

State Initializer

State Reducer

Create a Trello Clone with React

Conclusion

What Is the State Reducer Pattern?

Why the State Reducer Pattern?