Top 9 TypeScript Collaboration Projects
-
Excalidraw: virtual whiteboard for sketches and wireframes
-
-
OPS
OPS - Build and Run Open Source Unikernels. Quickly and easily build and deploy open source unikernels in tens of seconds. Deploy in any language to any cloud.
-
-
Full disclosure I work at MSFT and on the fluid framework.
If you are interested in this you may also be interested in the fluid framework, https://github.com/microsoft/FluidFramework
We use websockets and solve a lot of the state management problem called out here by keeping very little state on the server itself. The primary thing on server is a monotonically increasing integer we use to stamp messages, this gives us total order broadcast which we then build upon: https://en.m.wikipedia.org/wiki/Atomic_broadcast
Here are some code pointers if you want to take a look:
The map package is a decent place to look for how we leverage total order broadcast to keep clients in sync in our distributed data structures:
-
Definitely HedgeDoc. https://hedgedoc.org/
-
Project mention: Nettu Meet: Open source video conferencing system for tutors | reddit.com/r/opensource | 2021-06-24
-
-
Scout APM
Less time debugging, more time building. Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.
-
Project mention: Let us introduce you to the secure open-source alternative to Teams! | reddit.com/r/linux | 2021-10-05
Their own github has a gitter link, which is becoming a Matrix client.
-
SyncedStore
SyncedStore CRDT is an easy-to-use library for building live, collaborative applications that sync automatically.
Project mention: Show HN: SyncedStore CRDT – build multiplayer collaborative apps for React / Vue | news.ycombinator.com | 2021-12-08Hi! Great questions :)
First of all, SyncedStore does not implement any CRDT algorithms. Credits for this go to Yjs [1] (and its author Kevin), which it uses as underlying CRDT.
Yjs and Automerge are (afaik) the two most commonly used CRDT implementations. Both have their pros and cons, but Yjs has focused a lot on performance [2].
Automerge has a bit friendlier "Immer style" [3] API. I'm not too familiar with @localfirst/state, but it seems to add a Redux style API on top of Automerge.
My approach with SyncedStore was really to provide an API on top of Yjs that's as simple as possible to use in React / Vue / Svelte or plain JS app. I.e.: only use a single React Hook to observe changes, and use regular Javascript assigments to update values. The API is inspired mostly by Reactive Programming libraries such as MobX [4] (from the same author as Immer).
Hope you're still following along :) Maybe it helps to compare the TODO-MVC applications, as both SyncedStore (https://github.com/YousefED/SyncedStore/tree/main/examples) and @localfirst/state (https://github.com/local-first-web/state/tree/main/examples/...) have implemented these as examples!
TypeScript Collaboration related posts
- What's your favourite tool for creating system architecture diagrams?
- An app/tool for curating info/media gathered online for research purposes?
- Open source to view API traffic for Kubernetes
- Support for Excalidraw?
- Managing OrgPad's Clojure development in OrgPad
- Looking for a note writing application.
- Building the Visuals and Functions
Index
What are some of the best open-source Collaboration projects in TypeScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | excalidraw | 26,098 |
| 2 | Bit | 14,558 |
| 3 | focalboard | 7,281 |
| 4 | FluidFramework | 3,633 |
| 5 | HedgeDoc | 2,556 |
| 6 | nettu-meet | 1,771 |
| 7 | Rocket.Chat.Electron | 1,297 |
| 8 | Twake | 1,232 |
| 9 | SyncedStore | 488 |
Are you hiring? Post a new remote job listing for free.
