yjs-editors
OfficialCollaborative editing with Yjs over streams
Authordurable-streams
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Enables real-time collaborative editing in applications by integrating Yjs with TipTap v3 and CodeMirror 6 over durable streams, providing a stable React lifecycle for doc and awareness with a provider pattern that avoids race conditions.
Core Features & Use Cases
- Real-time co-editing across multiple editors (text, code) in React apps using YjsProvider.
- Stable lifecycle: doc and awareness created once with useState; provider created with useEffect and connect: false to prevent missed events.
- Supports multi-document navigation and SSR safety for collaborative editing workloads.
Quick Start
Initialize a Yjs-based collaboration by creating a Y.Doc and Awareness, then instantiate a YjsProvider with connect: false, attach listeners, and call connect() when ready.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: yjs-editors Download link: https://github.com/durable-streams/durable-streams/archive/main.zip#yjs-editors Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.