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

# Setting the Value of the State

To initialize means to set the value of something. Well, technically, initialization is setting the value of something right when it is created/defined and any subsequent value setting is referred to as 'assignment'. However, we're going with the first definition to make things simpler. The state initializer pattern exists to make it easy for the consumer of your custom hook to set the “value of state”.

Note that the state initializer pattern doesn’t give full control over setting the “value of the state” every single time. It mostly allows for setting initial state resetting it. 

This is not the same as having full control over setting the state value, but it offers similar benefits as you’ll see soon. 

In our implementation of the  custom hook, we’ve done the following: 



Here's a quick introduction to patterns in React with state initialization!

Introduction

Compound Components Pattern

Control Props

Props Collection

Prop Getters

State Initializer

State Reducer

Conclusion

What is the State Initialization Pattern?

Setting the Value of the State