Skip to content

Basic integration of the React Flow library with the Yjs shared state mechanism. This repository demonstrates how to combine the interactive React Flow diagram editor with real-time synchronization features, enabling collaborative diagram editing by multiple users simultaneously.

Notifications You must be signed in to change notification settings

synergycodes/reactflow-yjs-integration

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React Flow and Yjs integration

1. Install Backend Dependencies

Navigate to the backend folder and install all required packages:

cd backend
npm install

2. Install Frontend Dependencies

Next, go to the frontend folder and install its dependencies:

cd frontend
npm install

3. Install Root Dependencies and Run the Application

After installing all dependencies for the frontend and backend, go back to the root, install the root-level dependencies, and start the application:

cd ..
npm install
npm run start

About

Basic integration of the React Flow library with the Yjs shared state mechanism. This repository demonstrates how to combine the interactive React Flow diagram editor with real-time synchronization features, enabling collaborative diagram editing by multiple users simultaneously.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published