Building UIs With React

These guides cover TinyBase's React-specific UI modules for building reactive user interfaces.

They start with the ui-react module's hooks and components, move on to the browser-focused ui-react-dom module, cover Provider context patterns, and finish with chart components.

Getting Started With ui-react

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

Using React Hooks

There are reactive hooks in the ui-react module for accessing every part of a Store, as well as more advanced things like the Metrics and Indexes objects. Read more.

Using React Components

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

Using React DOM Components

The reactive components in the ui-react-dom module let you declaratively display parts of a Store in a web browser, where the ReactDOM module is available. Read more.

Using Context

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

Using Charts

The ui-react-dom-charts module provides SVG chart components for rendering data from a Store Table or from a Queries ResultTable. Read more.