Managing Complex State in React with useReducer

from blog Aleksandr Hovhannisyan, | ↗ original
React's useState hook works well for managing simple state. But once your component starts to grow, useReducer may be a better fit for managing state.
This is a short summary. ↗ Open original to view full content

Related

How to replace useState with useRef and be a winner
Vladimir Klepov as a Coder | original ↗
Using React Context for state management in Next.js
Cassidy Williams | original ↗
How To Use Redux with React Hooks
Trevor I. Lasn Thoughts | original ↗
Demystifying React Hooks
Trevor I. Lasn Thoughts | original ↗
Are many useStates better than useState(object)?
Vladimir Klepov as a Coder | original ↗
7 things you may not know about useState
Vladimir Klepov as a Coder | original ↗
The self-fulfilling prophecy of React
Josh Collinsworth | original ↗
Using React Hooks with canvas
Koen van Gilst | original ↗
How useRef turned out to be useMemo's father
Vladimir Klepov as a Coder | original ↗
useLayoutEffect is a bad place for deriving state
Vladimir Klepov as a Coder | original ↗

More from Aleksandr Hovhannisyan

Performant Game Loops in JavaScript
29 Dec 2024 | original ↗

A look at some best practices for creating performant game animations in JavaScript.

Creating Perfect Font Fallbacks in CSS
12 Dec 2024 | original ↗

Learn how to use three CSS properties to override font metrics and minimize layout shifts during font load.

Preventing Layout Shifts in Status Text with CSS Grid
11 Dec 2024 | original ↗

Use this trick with CSS Grid to prevent layout shifts when swapping text in status indicators.

I Moved to Cloudflare
11 Dec 2024 | original ↗

After some recent incidents involving Netlify and Vercel, I decided to play it safe and move my website and another side project to Cloudflare.

The Perfect Theme Switch Component
27 Nov 2024 | original ↗

Learn how to implement a progressively enhanced theme switch component using HTML, CSS, and JavaScript.