Building UIs With Solid

These guides cover TinyBase's Solid-specific UI module for building reactive user interfaces.

They start with the ui-solid module's primitives, move on to its view components, and finish with Provider context patterns.

Getting Started With ui-solid

To build Solid-based user interfaces with TinyBase, you will need to install the ui-solid module in addition to the main module, and, of course, Solid itself. Read more.

Using Solid Primitives

The primitives in the ui-solid module return Solid Accessor functions for reactive TinyBase data. Calling the Accessor reads the current value, and any Solid computation that calls it will update when the underlying Store data changes. Read more.

Using Solid Components

The view components in the ui-solid module let you declaratively display parts of a Store. Read more.

Using Context

The ui-solid module includes a Provider component that lets you avoid passing global objects down through your component hierarchy. Read more.