tanstack-store

Reactive immutable state management prevents excessive re-renders by centralizing state in a framework-agnostic store with selector-based subscriptions and shallow equality optimizations. This ensures components only update when their specific selected state slice changes.

Yes, a framework-agnostic reactive store integrates with React, Vue, Solid, Angular, and Svelte using adapter packages. These adapters provide framework-specific hooks or injectables to connect UI components directly to the central store.

The best way to compute derived state is using a Derived instance to map filter, sort, and paginate operations. This mounts computed values directly to the store, automatically recalculating only when upstream state dependencies change.

Handle side effects and external listeners by mounting an Effect instance to the store. This manages effectful operations like timers, executing side effects on state changes and ensuring proper cleanup when the effect unmounts.

Batching state updates groups multiple setState operations into atomic updates, which prevents redundant notifications. This ensures the store triggers a single predictable notification to subscribers after all state changes complete.

A centralized reactive store is not suited for purely local component state or simple applications lacking complex derived computations. It adds unnecessary architectural overhead when state logic remains scattered and does not require selector subscriptions.