// the find
twilio/twilio-video-app-react
A collaboration application built with the twilio-video.js SDK and React.js
Official Twilio reference app showing how to build a multi-party video call app with their Video JS SDK and React. It's a starting point and teaching tool, not a production-ready template — Twilio says so explicitly about the token server. Aimed at developers integrating Twilio Video who want to see patterns for hooks, track management, and bandwidth profiles.
The hook-per-concern architecture (useDominantSpeaker, useParticipantNetworkQualityLevel, useScreenShareToggle, etc.) is genuinely well-structured and easy to pull apart for your own app. Using the SDK's Room object as the state source of truth instead of Redux avoids a whole class of sync bugs. The Bandwidth Profile API integration with dynamic track priority (high for main speaker, null for thumbnails) is the right pattern for managing bandwidth in group calls. Test coverage is solid — Jest for units, Cypress with real Twilio rooms for E2E.
The passcode-based token server is explicitly not production-safe and there's no real auth path shown beyond optional Firebase/Google — you're on your own for identity. It's still on Create React App, which is unmaintained; anyone building on this today will immediately hit the CRA deprecation wall. The optional noise cancellation (Krisp) is a separate install step that's easy to miss and has its own licensing terms you need to vet. Gallery view pagination is handled client-side with no server-side participant limit enforcement, so large rooms will degrade in ways you won't see until you test at scale.