useReducer Patterns

When to Use useReducer

Use useReducer when:

• Multiple related state values
• Complex state update logic
• Next state depends on previous state
• State transitions follow patterns

Use useState when:

• Simple independent values
• Basic toggle or counter logic
• No complex interdependencies

Basic Pattern

import { useReducer } from 'react';