Snippyly React (TypeScript CDN) Demo

This demo has two features:

1. Presence: Who is online on this page.
2. Live Cursors: Where are the online users on the page. It shows their live cursor position.

Documentation

https://sdk.snippyly.com/docs/react-ts-cdn-docs

Run demo locally

Run yarn start command to run demo locally.

Live demo

Live demo link

https://snippyly-demo-react-ts-cdn.web.app

Instructions to try the demo

Steps:

1. Open the above link in two tabs, side by side: tab 1: a regular tab; tab 2: an incognito tab
2. On tab 1: Sign in with one of the 3 users given. (e.g. James Smith)
3. 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.