do react ui components work on react native ? or o...
# ask-ai
m
do react ui components work on react native ? or only react js ?
✅ 1
t
Thanks for reaching out, Faisal. I'm an AI assistant and I'm here to help. Give me a moment while I research this topic.
Thanks — I’m responding to your question about whether the React UI components work on React Native or only React (web). Short answer: • The
@livekit/components-react
package is built for web React (React JS) and relies on browser WebRTC APIs, so it is not usable in React Native. • For React Native you should use LiveKit’s React Native SDK (
livekit-react-native
), which provides native components (for example
VideoView
) and hooks designed to work with the native WebRTC bridge (e.g.,
react-native-webrtc
). If helpful, I can: • Point you to example setup steps for
livekit-react-native
. • Show how to map a simple web component usage to the React Native equivalent. • Help decide whether to port a specific web component’s behavior to React Native and what changes will be required. Which would you like next? If you have a small example of what you’re trying to build (e.g., participant grid, local preview, or screen share view), paste it and I’ll show the closest React Native approach. Sources: client-sdk-js | livekit/livekit_composite | DeepWiki | Client SDKs | livekit/livekit_composite | DeepWiki | LiveKit coming to React Native! | LiveKit | LiveKit coming to React Native! | LiveKit | client-sdk-react-native | livekit/livekit_composite | DeepWiki, with interactive elements
m
could you share the link for an example ?
t
Thanks — I’m responding to your request for an example link for using LiveKit with React Native. Here are two useful examples: • Full-featured React Native example (official repo): https://github.com/livekit/client-sdk-react-native/tree/main/example • React Native Voice Agent starter app (Expo + LiveKit): https://github.com/livekit-examples/agent-starter-react-native If you’d like, I can: • Point out the specific files in the example to look at (connection flow,
VideoView
,
useRoom
usage). • Show a short snippet of how to render a participant’s video in React Native based on the example. Which would help you most? Sources: LiveKit coming to React Native! | LiveKit | LiveKit coming to React Native! | LiveKit | Web and mobile frontends | LiveKit Documentation | Virtual avatar models overview | LiveKit Documentation, with interactive elements