Zustand is a minimal, but fun and effective state management library which just may improve your render performance.

Frontend Masters is an online learning platform offering  courses on frontend development technologies such as JavaScript, HTML, CSS, React, and Vue.js. Readers can learn about advanced frontend concepts, best practices, and modern development workflows from industry experts. With video lectures, exercises, and real-world projects, Frontend Masters provides  guidance and expertise for mastering frontend development skills.

Frontend Masters

Zustand is a minimal state management library for React that offers a simpler alternative to React Context with better performance. Unlike Context, which re-renders all consumers when any state changes, Zustand allows selective subscriptions through selector functions, reducing unnecessary re-renders. The library provides a clean API using a create function to define stores and supports async operations, external state access, and fine-grained subscriptions. The post demonstrates three implementations of the same task management app: vanilla React Context, basic Zustand usage, and optimized Zustand with selectors, showing how proper selector usage prevents excessive re-rendering.

Introducing Zustand (State Management) – Frontend Masters Blog

It would never stop amazing me how fu*ked up react is

Zustand is great and simple!
You should give it a try.

For all who care – Zustand is a German word for “State”, (masculine, singular substantive)