React

Subscribe with useBigState and render live UI from WebSocket delivery. A Node.js (or other trusted) process publishes object state over HTTP; the React app receives matching updates and keeps the UI in sync.

Complete the Vanilla counter first if the object / state / delivery model is still new. You need Node.js 22.12 or later; each guide lists any owner and API-key requirements (the dashboard starter can create demo credentials for you).

What you will practice#

Node publisher → object state → WebSocket delivery → useBigState → React UI
  • Publish from a backend while the browser only subscribes
  • Drive charts and widgets from delivery messages
  • Use one delivery for several object streams (dashboard), including valueRef files where shown

Prefer a scoped browser credential for subscribers—do not paste a privileged publisher key into client code.

Tutorials#

Suggested order#

  1. Forex rate chart — one stream, publisher + chart with useBigState
  2. Live dashboard — five streams and file values on a single delivery

© 2024 BigState