@grimoire-intel/clavicula-solid

Solid adapter for Clavicula.

Installation

npm install @grimoire-intel/clavicula @grimoire-intel/clavicula-solid

Usage

import { createStore } from '@grimoire-intel/clavicula';
import { useStore } from '@grimoire-intel/clavicula-solid';

const counterStore = createStore({ count: 0 });

function Counter() {
  const state = useStore(counterStore);

  return (
    <button onClick={() => counterStore.set(s => ({ count: s.count + 1 }))}>
      Count: {state().count}
    </button>
  );
}

With selector

const count = useStore(counterStore, s => s.count);

// In JSX - note the function call
<span>{count()}</span>

API

function useStore<T>(store: Store<T>): Accessor<T>;
function useStore<T, U>(store: Store<T>, selector: (state: T) => U): Accessor<U>;

Returns a Solid Accessor that updates when the store changes. Automatically cleans up on disposal.

See the main documentation for full API reference.