I created an Excel-like React spreadsheet with collabration support

This page summarizes the projects mentioned and recommended in the original post on /r/webdev

Our great sponsors
  • SurveyJS - A Non-Cloud Alternative to Google Forms that has it all.
  • Appwrite - The open-source backend cloud platform
  • Amplication - open-source Node.js backend code generator
  • Mergify - Tired of breaking your main and manually rebasing outdated pull requests?
  • Sonar - Write Clean JavaScript Code. Always.
  • InfluxDB - Collect and Analyze Billions of Data Points in Real Time
  • fortune-sheet

    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

    Shared data types for building collaborative software

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

  • SurveyJS

    A Non-Cloud Alternative to Google Forms that has it all.. SurveyJS JavaScript libraries allow you to easily set up a robust form management system fully integrated into your IT infrastructure where users can create and edit multiple dynamic JSON-based forms in a no-code form builder. Learn more now.

  • automerge

    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.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts