Skip to main content

Using Events in React and React Native

  • Updated

# Using Events in React and React Native This article follows either from [Getting Started with Video API in React](../getting-started-video-api-react/index.mdx) or [Getting Started with Video API in React Native](../getting-started-video-api-react-native/index.mdx). If you havent got a project set up already, you should start there. :::tip The following article describes how you would use RoomSession events with React or React Native. However, most of this logic is already abstracted into React hooks and is available in the @signalwire-community/react package, so it will be a good idea to check out the [Using Hooks to Track Call State](../using-hooks-to-track-call-state/index.mdx) article first. ::: ### Interacting with the RoomSession Object The

); } jsx title=App.js import { useState } from react; import { SafeAreaView, Button } from react-native; import { Video } from @signalwire-community/react-native; const TOKEN = ; export default function App() { const [roomSession, setRoomSession] = useState(null); const onRoomReady = useCallback((rs) => setRoomSession(rs), []); return ( jsx
); }
A
Screenshot of the final version of this application.
jsx title=App.js import { useState } from react; import { SafeAreaView, Button } from react-native; import { Video } from @signalwire-community/react-native; const TOKEN = ; export default function DemoVideo() { const [roomSession, setRoomSession] = useState(null); const onRoomReady = useCallback((rs) => setRoomSession(rs), []); const [memberId, setMemberId] = useState(null); const [settings, setSettings] = useState({ audioMuted: false, videoMuted: false, }); return (