https://github.com/jlongster/crdt-example-app

A full implementation of CRDTs using hybrid logical clocks and a demo app that uses it
https://github.com/jlongster/crdt-example-app

Last synced: 5 days ago
JSON representation

A full implementation of CRDTs using hybrid logical clocks and a demo app that uses it

• Host: GitHub
• URL: https://github.com/jlongster/crdt-example-app
• Owner: jlongster
• Created: 2019-12-03T03:33:50.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2022-12-11T15:45:20.000Z (almost 2 years ago)
• Last Synced: 2024-10-26T18:30:52.580Z (16 days ago)
• Language: JavaScript
• Homepage: https://crdt.jlongster.com
• Size: 109 KB
• Stars: 616
• Watchers: 9
• Forks: 80
• Open Issues: 11
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-list - crdt-example-app

README

        

This is a demo app used for my dotJS 2019 talk ["CRDTs for Mortals"](https://www.youtube.com/watch?v=DEcwa68f-jY)

Slides here: https://jlongster.com/s/dotjs-crdt-slides.pdf

View this app here: https://crdt.jlongster.com

It contains a full implementation of [hybrid logical clocks](https://cse.buffalo.edu/tech-reports/2014-04.pdf) to generate timestamp for causal ordering of messages. Using these timestamps, CRDTs can be easily used to change local data that also syncs to multiple devices. This also contains an implementation of a merkle tree to check consistency of the data to make sure all clients are in sync.

It provides a server to store and retrieve messages, so that clients don't have to connect peer-to-peer.

The entire implementation is tiny, but provides a robust mechanism for writing distributed apps:

* Server: 132 lines of JS

* Client: 639 lines of JS

(This does not include `main.js` in the client which is the implementation of the app. This is just showing the tiny size of everything needed to build an app)

Links:

* Actual: https://actualbudget.com/

* Hybrid logical clocks: https://cse.buffalo.edu/tech-reports/2014-04.pdf

* CRDTs: https://bit.ly/2DMk0AD

* Live app: https://crdt.jlongster.com/