<nav><ul><li><a href="/">TinyBase</a></li><li><a href="/api/">API</a></li><li><a href="/api/ui-solid/"><code>ui-solid</code></a></li></ul></nav><section class="s1" id="/api/ui-solid/" data-id="u5"><h1><code>ui-solid</code></h1><p>The <code>ui-solid</code> module of the TinyBase project provides primitives and components to make it easy to create reactive apps with <a href="/api/the-essentials/creating-stores/store/"><code>Store</code></a> objects in Solid.</p><p>The primitives in this module provide access to the data and structures exposed by other modules in the project. As well as immediate access, most return Solid Accessor functions and register listeners so components using those primitives update selectively when data changes.</p><p>The components in this module provide a further abstraction over those primitives to ease the composition of user interfaces that use TinyBase.</p><p>Unlike React hooks, the primitive signatures do not include dependency-list parameters. Solid tracks reactive reads automatically, and the primitives update when their <a href="/api/the-essentials/creating-stores/store/"><code>Store</code></a> data or accessor arguments change. Prefer passing reactive values as accessor functions, such as <code>() =&gt; props.tableId</code>.</p><section class="s2"><h2>See also</h2><ul><li><a href="/guides/building-uis-with-solid/">Building UIs With Solid</a> guide</li><li><a href="/guides/using-metrics/building-a-ui-with-metrics/">Building A UI With Metrics</a> guide</li><li><a href="/guides/using-indexes/building-a-ui-with-indexes/">Building A UI With Indexes</a> guide</li><li><a href="/guides/using-relationships/building-a-ui-with-relationships/">Building A UI With Relationships</a> guide</li><li><a href="/guides/using-queries/building-a-ui-with-queries/">Building A UI With Queries</a> guide</li><li><a href="/guides/using-checkpoints/building-a-ui-with-checkpoints/">Building A UI With Checkpoints</a> guide</li></ul></section><section class="s2"><h2>Since</h2><p>v8.3.0</p></section><section class="s2" id="/api/ui-solid/functions/" data-id="u5/F51"><h2>Functions</h2><ul><li><a href="/api/ui-solid/functions/store-components/">Store components</a></li><li><a href="/api/ui-solid/functions/queries-components/">Queries components</a></li><li><a href="/api/ui-solid/functions/checkpoints-components/">Checkpoints components</a></li><li><a href="/api/ui-solid/functions/context-components/provider/"><code>Provider</code></a> function</li><li><a href="/api/ui-solid/functions/indexes-components/">Indexes components</a></li><li><a href="/api/ui-solid/functions/metrics-components/metricview/"><code>MetricView</code></a> function</li><li><a href="/api/ui-solid/functions/relationships-components/">Relationships components</a></li><li><a href="/api/ui-solid/functions/checkpoints-primitives/">Checkpoints primitives</a></li><li><a href="/api/ui-solid/functions/indexes-primitives/">Indexes primitives</a></li><li><a href="/api/ui-solid/functions/metrics-primitives/">Metrics primitives</a></li><li><a href="/api/ui-solid/functions/persister-primitives/">Persister primitives</a></li><li><a href="/api/ui-solid/functions/queries-primitives/">Queries primitives</a></li><li><a href="/api/ui-solid/functions/relationships-primitives/">Relationships primitives</a></li><li><a href="/api/ui-solid/functions/state-primitives/">State primitives</a></li><li><a href="/api/ui-solid/functions/store-primitives/">Store primitives</a></li><li><a href="/api/ui-solid/functions/synchronizer-primitives/">Synchronizer primitives</a></li></ul></section><section class="s2" id="/api/ui-solid/type-aliases/" data-id="u5/TA29"><h2>Type Aliases</h2><ul><li><a href="/api/ui-solid/type-aliases/checkpoints/undoorredoinformation/"><code>UndoOrRedoInformation</code></a> type alias</li><li><a href="/api/ui-solid/type-aliases/component/componentreturntype/"><code>ComponentReturnType</code></a> type alias</li><li><a href="/api/ui-solid/type-aliases/identity/">Identity type aliases</a></li><li><a href="/api/ui-solid/type-aliases/props/">Props type aliases</a></li></ul></section></section>