🔧
API
🧪
Tutorials
Introduction
Modular building blocks for building collaborative applications like Google Docs and Figma.
This documentation website is a work in progress. The best source of information is still the Yjs README and the yjs-demos repository.
It exposes its internal CRDT model as shared data types that can be manipulated concurrently. Shared types are similar to common data types like
Map and Array. They can be manipulated, fire events when changes happen, and automatically merge without merge conflicts.Quick Start
This is a working example of how shared types automatically sync. We also have a getting-started guide, API documentation, and lots of live demos with source code.
1
import * as Y from 'yjs'
2
3
// Yjs documents are collections of
4
// shared objects that sync automatically.
5
const ydoc = new Y.Doc()
6
// Define a shared Y.Map instance
7
const ymap = ydoc.getMap()
8
ymap.set('keyA', 'valueA')
9
10
// Create another Yjs document (simulating a remote user)
11
// and create some conflicting changes
12
const ydocRemote = new Y.Doc()
13
const ymapRemote = ydocRemote.getMap()
14
ymapRemote.set('keyB', 'valueB')
15
16
// Merge changes from remote
17
const update = Y.encodeStateAsUpdate(ydocRemote)
18
Y.applyUpdate(ydoc, update)
19
20
// Observe that the changes have merged
21
console.log(ymap.toJSON()) // => { keyA: 'valueA', keyB: 'valueB' }
Copied!
Editor Support
Yjs supports several popular text and rich-text editors. We are working with different projects to enable collaboration-support through Yjs.
Network Agnostic 📡
Yjs doesn't make any assumptions about the network technology you are using. As long as all changes eventually arrive, the documents will sync. The order in which document updates are applied doesn't matter.
You can integrate Yjs into your existing communication infrastructure, or use one of the several existing network providers that allow you to jump-start your application backend.
Scaling shared editing backends is not trivial. Most shared editing solutions depend on a single source of truth - a central server - to perform conflict resolution. Yjs doesn't need a central source of truth. This enables you to design the backend using ideas from distributed system architecture. In fact, Yjs can be scaled indefinitely as it is shown in the y-redis section.
Rich Ecosystem 🔥
Yjs is a modular approach that allows the community to make any editor collaborative using any network technology. It has thought-through solutions for almost all shared-editing related problems.
We built a rich ecosystem of extensions around Yjs. There are ready-to-use editor integrations for many popular (rich-)text editors, adapters to different network technologies (like WebRTC, WebSocket, or Hyper), and persistence providers that store document updates in a database.
Unmatched Performance🚀
Yjs is the fastest CRDT implementation, by far.
GitHub - dmonad/crdt-benchmarks: A collection of CRDT benchmarks
GitHub
Last modified 5mo ago
Copy link
Edit on GitHub