Skip to main content

Expo Classroom Workshop Tutorial

Build a teacher-and-learner room with mediasfu-reactnative-expo@2.6.0. The Conference room provides people controls, media, chat, polls, breakout rooms, whiteboard, screen sharing, recording controls, and exit.

Prerequisites​

  • Node.js 22.11 or newer and Expo SDK 57.
  • An HTTPS signed-in backend that owns teacher, learner, breakout, and recording policy.

Project files​

Use the complete Expo starter app. It contains every file needed for this package. On its first screen, choose Classroom workshop; 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

The local token field is for isolated development only. In release, session authority comes from your backend and MediaSFU credentials stay there.

Run​

cd my-mediasfu-app
npm install
npm run android

Expected result​

Choose Classroom workshop and join as teacher and learner. Test the controls permitted by room role, including a poll, whiteboard, or breakout flow.

Recovery​

  • Keep a learner in the main room when a breakout move fails.
  • Restore teacher controls only after current authority is confirmed.
  • Preserve or discard whiteboard work according to product policy after reconnect.

Cleanup​

Use host end to finish the class. Clear attendance state, drafts, exports, timers, and subscriptions after exit.