Defined in: preact-pacer/src/queuer/useQueuer.ts:9

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

TValue

TSelected = { }

readonly state: Readonly<TSelected>;

readonly state: Readonly<TSelected>;

Defined in: preact-pacer/src/queuer/useQueuer.ts:35

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

Use this instead of queuer.store.state

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

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

Defined in: preact-pacer/src/queuer/useQueuer.ts:41

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 useStore hook internally. Although, you can make the state reactive by using the useStore in your own usage.

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

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

Defined in: preact-pacer/src/queuer/useQueuer.ts:26

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

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

TSelected

ComponentChildren | (state) => ComponentChildren

(state) => TSelected

ComponentChildren

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

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