KitsCon 23.2

Source code for demo given at KitsCon 23.2 showcasing CRDTs. It is deployed at https://doverstav.github.io/kitscon232/. The presentation shown at KitsCon can be found under /docs in this repo.

It is a collaborative Todo-app, using CRDTs (more specifically, automerge) to communicate between peers. The implementation is largely inspired by the automerge quickstart tutorial and two example implementations from automerge, react-todo and react-use-awareness. For communication between peers it uses the sync servergraciously provided by the automerge project to communicate via websocket. In case of network issues it also uses the BroadcastChannel API to communicate via browser tabs for an offline demo of the capabilities of CRDTs.

For those interested in learning more about CRDTs, here are some resources:

• crdt.tech - site with links to papers, resources & implementations
• Blogseries about implementing your own CRDT
• Paper with an overview of CRDTS from different developer perspectives
• Paper with a more abstract overview of CRDTs
• Blogpost from Figma about their use of CRDTs