Native Demos

React Native Mobile Realtime

Placeholder for a mobile-native realtime app story built on shared channels.

PlannedLocal setup requiredPlannedState JSON

What this demo proves

This keeps React Native in the roadmap as the clearest way to show the platform moving from browser demos into handheld app experiences with the same payload contracts.

Platforms

React Native

Payload types

JSON / objectStringBoolean

Channel names

demo.react-native.mobilePlanned mobile-state channel for React Native app demos.

Example payload

{
  "mode": "active",
  "position": {
    "x": 120,
    "y": 84
  },
  "enabled": true
}

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 mobile demo.

Run locally

Use StateSyncScreen.tsx as the baseline mobile subscriber/publisher surface.
Wire the screen into an Expo or native shell with a valid API key.

Expected output

The screen mirrors the same canonical state-json payload used by the web demos.

Troubleshooting

This example is repo-source rather than a packaged Expo app.

Source files

demos/react-native/README.md

Open Download

demos/react-native/StateSyncScreen.tsx

Open Download