Interface: SolidAsyncQueuer<TValue, TSelected>#

Defined in: solid-pacer/src/async-queuer/createAsyncQueuer.ts:23

Extends#

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

Type Parameters#

TValue#

TValue

TSelected#

TSelected = { }

Properties#

state#

readonly state: Accessor<Readonly<TSelected>>;

Defined in: solid-pacer/src/async-queuer/createAsyncQueuer.ts:49

Reactive state that will be updated when the queuer state changes

Use this instead of queuer.store.state

store#

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

Defined in: solid-pacer/src/async-queuer/createAsyncQueuer.ts:55

Deprecated#

Use queuer.state instead of queuer.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) => Element;

Defined in: solid-pacer/src/async-queuer/createAsyncQueuer.ts:40

A Solid component that allows you to subscribe to the queuer state.

This is useful for tracking specific parts of the queuer state deep in your component tree without needing to pass a selector to the hook.

Type Parameters#

TSelected#

TSelected

Parameters#

props#

children#

Element | (state) => Element

selector#

(state) => TSelected

Returns#

Element

Example#

<queuer.Subscribe selector={(state) => ({ pendingItems: state.pendingItems, activeItems: state.activeItems })}>
  {(state) => (
    <div>Pending: {state().pendingItems.length}, Active: {state().activeItems.length}</div>
  )}
</queuer.Subscribe>