Skip to main content

Expo Host Dashboard Tutorial

Build a host room with mediasfu-reactnative-expo@2.6.0. The Conference composition provides people, requests, moderation, media, chat, polls, breakout rooms, whiteboard, recording controls, and exit.

Prerequisites​

  • Node.js 22.11 or newer and Expo SDK 57.
  • An HTTPS signed-in app backend with room create and join routes and host role policy.

Project files​

Use the complete Expo starter app. It contains every file needed for this package. On its first screen, choose Host dashboard; the supplied room opens through the secured application backend.

npx create-expo-app@3.5.0 my-mediasfu-expo-app --template blank-typescript
cd my-mediasfu-expo-app

For local development, the temporary token is an app credential only. Before release use your signed-in session and keep reusable MediaSFU credentials solely in the backend.

Run​

cd my-mediasfu-app
npm install
npm run android

Expected result​

Choose Host dashboard, join as a host, and confirm people, request, moderation, media, collaboration, and end controls match the room role returned by the backend.

Recovery​

  • Refresh session and role after 401 or 403 rather than changing role locally.
  • Refresh room state after a failed moderation action before showing a final status.
  • Keep room navigation available when camera or microphone access fails.

Cleanup​

End is the authorized host action. Clear participants, drafts, timers, and subscriptions after exit; recording and retention rules belong to the backend.