I created an Excel-like React spreadsheet with collabration support

• fortune-sheet

  11 2,162 8.3 TypeScript

  A drop-in javascript spreadsheet library that provides rich features like Excel and Google Sheets

  

  I posted this project to r/reactjs a couple of weeks a ago and received many feedbacks. It's more refined now and I would like share with r/webdev too! It's like Google Sheets, and completely open source. Github: https://github.com/ruilisi/fortune-sheet Live Demo: https://ruilisi.github.io/fortune-sheet-demo BTW, one thing to be mentioned is that in the collabration demo, I didn't use any OT or CRDT algorithms to ensure all clients are strictly synchronized. There're chances that one client make changes that collides with another client (e.g. editing the same cell), and result in different state. Any ideas of improving this?

• yjs

  53 15,052 8.4 JavaScript

  Shared data types for building collaborative software

  

  Checkout yjs it uses CRDTs https://github.com/yjs/yjs

• SurveyJS

  surveyjs.io

  sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• automerge

  45 3,081 9.1 JavaScript

  A JSON-like data structure (a CRDT) that can be modified concurrently by different users, and merged again automatically.

  

  And about conflict --as already mentioned in comments-- CRDTs is the way to go here. Automerge is an implementation you may want to look into.

Suggest a related project