An example of how Yjs can be integrated into a simple React app — in this case, a todo list app.
Recommended reading: https://www.synergycodes.com/blog/real-time-collaboration-for-multiple-users-in-react-flow-projects-with-yjs-e-book
The main branch contains a todo list app powered by Yjs for multi-user collaboration. If you want to see the app in a version utilizing local state instead of a synchronized one, check out the initial-app branch.
The app's main logic is in src/app/use-todo.ts. The rest are simple React components.
Styling is based on the starter React page generated with Nx.
You need Node LTS to run the app. First, install dependencies:
npm installIf you're running the initial-app branch, the only thing you need to do is to run the app:
npm startFor the main branch, you also need to run a WebSocket server in a separate terminal tab with:
npm run ws-server