Product Blueprints
Choose the product shape closest to your React application. Each blueprint
composes current mediasfu-reactjs@4.3.2 room operations with ordinary
application and backend behavior. Blueprints are planning aids; they are not
runnable tutorials.
| Product shape | Guide | Main UI approach |
|---|---|---|
| Compact one-to-one or small-group call | Compact call | Supplied room with targeted overrides |
| Live host workspace | Live host dashboard | Custom component or headless shell |
| Host and guest queue | Live guest queue | Supplied request workspace plus app layout |
| Support or AI-assisted workspace | Support and AI console | Room with app context or headless shell |
| Class or workshop | Interactive classroom | Room plus participant and collaboration controls |
| Recorded remote conversation | Remote podcast | Room plus recording boundary |
Start every blueprint with the React room lifecycle. Use the UI ownership ladder to decide how much interface to replace.
A blueprint identifies a safe composition. Test it with real users, browsers, devices, room roles, backend policy, failure recovery, and semantic teardown before release.