My learning 0 of 20 lessons complete
Start lesson 1 →
spec 1 linked patterns checked

Liveblocks tutorial: Live cursors using presence

Documents building realtime cursors with shared presence values, cursor coordinates, other-user presence, cursor rendering, and pointer leave behavior for collaborative React applications.

Read with a purpose

What this source can teach

Use this source to check a technical or accessibility requirement against its exact wording and scope.

  1. Start with the original. Open the source and find the guidance or example relevant to your task.
  2. Trace the connection. Use the claim notes below to see how this site applies the source to specific patterns.
  3. Check the setting. Compare the source's platform, people, and constraints with your own decision.

Pattern Decisions This Source Supports

Pattern Supported decision Required contract Claim note
Live cursors Choose live cursors when users need immediate spatial awareness of other collaborators' current pointer, caret, selection, viewport, or focus inside the same shared surface. Sending cursor data updates ephemeral awareness state with coordinate, target, viewport, selection, identity, color, timestamp, and visibility preference, not the saved document content. Liveblocks documents realtime cursor rendering with cursor coordinates, other-user presence, and pointer leave behavior.

Evidence Role

This source is treated as spec evidence. Its value comes from the specific claims and setting described above.

Publisher: Liveblocks. Last checked: .

Saved items