This demo has two features:
- Presence: Who is online on this page.
- Live Cursors: Where are the online users on the page. It shows their live cursor position.
https://sdk.snippyly.com/docs/react-ts-docs
Run yarn start
command to run demo locally.
https://snippyly-demo-react-ts.web.app
Steps:
- Open the above link in two tabs, side by side:
tab 1
: a regular tab;tab 2
: an incognito tab - On
tab 1
: Sign in with one of the 3 users given. (e.g. James Smith) - On
tab 2
: Sign in with a user different than the one in previous step. (e.g. Maria Garcia)
Note:
- Now you will start seeing Presence icons and Live cursors for each of the users.
- For the cursors to work each, you need to ensure that the tab is active. You can click on the page to ensure that its active.