Explore realtime collaboration

[kof]

There is a lot of things to consider when building a realtime multiplayer UI, here are a few:

1. DX and State management
   • We are building on top of immer, using immerhin as a Developer facing interface for transactions. This interface results in JSON patches, after that we can decide where to go considering all other aspects.
2. Server architecture
   • How will this work with cloudflare workers type of env and a single container env?
3. Database
   • Can we do that on top of SQLite?
   • RxDB?
4. Conflicts resolution
   • There is various CRDT implementations, e.g. this one works with json patch which is perfect for our immer patches which are essentially json patches
   • There is Automerge
   • Hybrid Logical Clock, Vector Clock
5. Change types:
   • Ephemeral (not important - can be dropped, doesn't need permanent storage)
   • transactional (atomic, very important, has context, needs permanent storage, e.g.: color: was changed to red)
   • blob (non-atomic, e.g. text has changed, no idea what part)
6. Offline-first

Other links

• Figma learnings
• This thread and this podcast episode
• Logux

[TrySound]

Lexical supports yjs CRDT implementation out of the box. We can consider it when start building collaboration.

https://github.com/yjs/yjs https://lexical.dev/docs/collaboration/react