This guide presents how to use ApiRTC set of React components to speed-up your React client application development.

React UI Library

Storybook reference open_in_new.

Check the play_arrowrunning webapp open_in_new and it's full codesource code open_in_new on github.

useApiRTC

Hook used to interface apiRTC javascript library with React components.

You can now access to methods such as createStream, createScreenSharing, register, login, logout and getConversation. Or properties like userAgent, devices, session, userData and cloudApi.

Greetings example

LoginFormopen_in_new

Display a login form used to identify user with a username/password pair. This component is not intended for user's connection by apiKey !

The login prop is retrieved thanks to the hook useApiRTC with apirtc.login

Agendaopen_in_new

Show a calendar with all the conferences scheduled for a specific user.

The cloud_url prop correspond to the url of your cloud instance and the session prop is retrieved thanks to the hook useApiRTC with apirtc.session

Chatopen_in_new

Display a chat box in which you can send message, receive other user's message and see if someone is typing or not.

The apirtc prop will be used by the Chat component implicitly.

Whiteboardopen_in_new

Show a whiteboard where you can draw and see others drawings sharing the same roomId.

The session prop is retrieved thanks to the hook useApiRTC with apirtc.session.