ui-svelte

The ui-svelte module of the TinyBase project provides both hooks and components to make it easy to create reactive Svelte 5 apps with Store objects.

The hooks in this module provide access to the data and structures exposed by other modules in the project. They return reactive objects with a current property. Hooks register listeners such that components using those hooks re-render when data changes.

Hook parameters accept either plain values or reactive getter functions (see the MaybeGetter type), so passing () => tableId from a let-bound Svelte prop makes the hook re-execute whenever the prop changes.

The components in this module provide a further abstraction over those hooks to ease the composition of user interfaces that use TinyBase.