Skip to content
⚠️The API is still evolving — breaking changes are possible before the first stable release.

Comparison with mobx-react-lite

mobx-solid targets SolidJS the way mobx-react-lite targets React, but the integration model differs because the UI libraries differ.

Featuremobx-react-litemobx-solid
Component modelRe-render entire componentFine-grained DOM updates
BridgeReact useSyncExternalStoreSolidJS enableExternalSource
Wrappersobserver requiredNot needed after enableObservableTracking()
Local storeuseLocalObservablePlain MobX observable / makeAutoObservable

Practical differences

  • No observer: after the one-time enableObservableTracking() call, components can read MobX state in JSX without wrapping.
  • Fine-grained updates: Solid patches only the reactive sinks that depend on changed data, instead of re-running the whole component function for every update.
  • Stores: create stores with normal MobX APIs; there is no Solid-specific local-store hook.

When to choose which

  • Use mobx-react-lite in React apps.
  • Use mobx-solid in SolidJS apps when you want MobX as the state layer and Solid as the view layer.