Hooks Pattern

Table of Contents

• When to Use
• Instructions
• Details
• Source

React 16.8 introduced a new feature called Hooks. Hooks make it possible to use React state and lifecycle methods, without having to use an ES2015 class component.

Although Hooks are not necessarily a design pattern, Hooks play a very important role in your application design. Many traditional design patterns can be replaced by Hooks.

When to Use

• Use this when you need to add state or lifecycle behavior to functional components
• This is helpful for extracting and reusing stateful logic across multiple components
• Use this instead of class components for cleaner, more composable code