PreactAsyncBatcher

Defined in: async-batcher/useAsyncBatcher.ts:23

Extends

• Omit<AsyncBatcher<TValue>, "store">

Type Parameters

TValue

TValue

TSelected

TSelected = { }

Properties

state

readonly state: Readonly<TSelected>;

Defined in: async-batcher/useAsyncBatcher.ts:49

Reactive state that will be updated and re-rendered when the batcher state changes

Use this instead of batcher.store.state

store

readonly store: Store<Readonly<AsyncBatcherState<TValue>>>;

Defined in: async-batcher/useAsyncBatcher.ts:55

Deprecated

Use batcher.state instead of batcher.store.state if you want to read reactive state. The state on the store object is not reactive, as it has not been wrapped in a useSelector hook internally. Although, you can make the state reactive by using the useSelector in your own usage.

Subscribe

Subscribe: <TSelected>(props) => ComponentChildren;

Defined in: async-batcher/useAsyncBatcher.ts:40

A Preact HOC (Higher Order Component) that allows you to subscribe to the async batcher state.

This is useful for opting into state re-renders for specific parts of the batcher state deep in your component tree without needing to pass a selector to the hook.

Type Parameters

TSelected

TSelected

Parameters

props

children

ComponentChildren | ((state) => ComponentChildren)

selector

(state) => TSelected

Returns

ComponentChildren

Example

<batcher.Subscribe selector={(state) => ({ size: state.size })}>
  {({ size }) => (
    <div>Batch Size: {size}</div>
  )}
</batcher.Subscribe>