Example payload
{
"mode": "active",
"position": {
"x": 120,
"y": 84
},
"enabled": true
}Framework Demos
React State Sync
Placeholder for a polished React integration that feels native to app teams.
PlannedLocal setup requiredPlannedState JSON
What this demo proves
This keeps React visible as a first-class framework path where canonical state payloads can drive UI updates, forms, and realtime view state without forcing teams down to raw browser snippets.
Platforms
ReactBrowser JavaScript
Payload types
JSON / objectBooleanString
Channel names
demo.react.statePlanned structured-state channel for React app integration demos.demo.json.stateCanonical structured-state channel for browser and SDK parity demos.Compatibility notes
Browser JavaScriptNative
Node.jsNative
PythonNative
p5.jsJSON wrapped
ProcessingJSON wrapped
ArduinoJSON wrapped
ESP32 / ESP8266JSON wrapped
Serial bridgeAdapter required
TouchDesignerNot yet supported
Run online
- Source-first only for now; not yet promoted into a hosted framework demo.
Run locally
- Use StateSyncDemo.tsx as the baseline React subscriber/publisher surface.
- Point the component at demo.json.state and a valid project API key.
Expected output
- React component state mirrors the canonical state-json payload without extra translation logic.
Troubleshooting
- This example is repo-source rather than a packaged starter app.