useSelector

Function: useSelector()

ts
function useSelector<TSource, TSelected>(
   source, 
   selector, 
   options?): TSelected;
function useSelector<TSource, TSelected>(
   source, 
   selector, 
   options?): TSelected;

Defined in: packages/react-store/src/useSelector.ts:43

Selects a slice of state from an atom or store and subscribes the component to that selection.

This is the primary React read hook for TanStack Store. It works with any source that exposes get() and subscribe(), including atoms, readonly atoms, stores, and readonly stores.

Omit the selector to subscribe to the whole value.

Type Parameters

TSource

TSource

TSelected

TSelected = NoInfer<TSource>

Parameters

source

SelectionSource<TSource>

selector

(snapshot) => TSelected

options?

UseSelectorOptions<TSelected>

Returns

TSelected

Examples

tsx
const count = useSelector(counterStore, (state) => state.count)
const count = useSelector(counterStore, (state) => state.count)
tsx
const value = useSelector(countAtom)
const value = useSelector(countAtom)
Subscribe to Bytes

Your weekly dose of JavaScript news. Delivered every Monday to over 100,000 devs, for free.

Bytes

No spam. Unsubscribe at any time.