DocsBlog

Get Started

Components

Data Grid

Signals

Styling

Theming

↑↓Navigate
↵Select
EscClose
  • 1.8.0

  • Day

    Night

    Preview

    Switch mode
  • cerberus

    acheron

    elysium

    oceanus

Get Started
Components
Data Grid
Signals
Styling
Theming

Get started

OverviewReactivityData FetchingGlobal Stores

Primitives

Creating SignalsCreating QueriesCreating MutationsComputing Signal ValuesCreating EffectsContextual Signal StoresBatch UpdatesCleanup EffectsUntrack Signals

Hooks

Using QueriesUsing MutationsReading Primitive SignalsUsing SignalsUsing Store Instances

Components

Reactive Text

Reactive Text

Learn how to read signals with fine-grained reactivity in React.

  • source
View as Markdown
Open this page in Markdown
Anthropic
Open in Claude
Ask questions about this page
OpenAI
Open in ChatGPT
Ask questions about this page
import { ReactiveText } from '@cerberus/signals

Usage

ReactiveText was created to provide fine-grained updates to the VDOM without triggering component re-renders when the signal updates.

This allows React to function as close as possible to SolidJS v1 where the JSX only renders once.

Reading State

To render a signal, just pass the Accessor function to the data prop.

Note

The data prop expects either a String or Number value.

To render complex lists, utilize the For component to loop through the content and then ReactiveText to display specific signal nodes.

Loading example...

API

ReactiveText accepts the following options:

ParamsRequiredDescription
dataString | NumberThe Accessor to watch and render in the UI.

On this page

  • Usage
  • Reading State
  • API
Edit this page on Github

Local: hello

Count: 0

Renders: 0