Quick Start ​

Installation ​

pnpm add @silver-formily/reactive-react @silver-formily/reactive react react-dom

npm install @silver-formily/reactive-react @silver-formily/reactive react react-dom

Quick Start ​

import { observable } from '@silver-formily/reactive'
import { observer } from '@silver-formily/reactive-react'

const state = observable({ count: 0 })

const Counter = observer(() => (
  <button onClick={() => state.count++}>{state.count}</button>
))

Components wrapped with observer collect the reactive fields they read on every render. When a field changes, only the components that depend on it re-render.

Choosing an API ​

• Reactive rendering: prefer observer; use Observer for a JSX subtree.
• Derived values: useComputed returns an expression's result. Declare props/state inputs through deps.
• Side effects: useAutorunEffect runs automatically; useReactionWatch watches value changes.
• See the API reference for React 18/19 refs and subscription lifecycles. useComputed no longer accepts fireImmediately; useReactionWatch still supports it.