convex-realtime

Build React UIs with Convex real-time subscriptions and optimistic updates.

Updated Dec 25, 2025
One-click install
npx skills add https://github.com/benfwalla/things-to-be-happy-about --skill convex-realtime-benfwalla
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: convex-realtime
Source: https://github.com/benfwalla/things-to-be-happy-about/tree/main/.claude/skills/convex-realtime
Command: npx skills add https://github.com/benfwalla/things-to-be-happy-about --skill convex-realtime-benfwalla

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Convex Realtime patterns help developers build reactive apps with live data by managing subscriptions, caching, and optimistic updates.

Core Features & Use Cases

  • Real-time data subscriptions that auto-update UI.
  • Optimistic updates with rollback for snappy UIs.
  • Cursor-based pagination and intelligent caching for scalable lists.

Quick Start

Create a minimal React example showing a real-time list using Convex subscriptions.

Frequently Asked Questions about convex-realtime

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build a React UI that automatically updates with Convex subscriptions?

To build a React UI with Convex subscriptions, you use real-time data subscriptions that automatically reflect database changes. This Skill provides patterns for automatic subscriptions, smart caching, and consistency guarantees to keep live lists updated across multiple components.

What is the best way to implement optimistic updates with Convex in a React app?

The best way to implement optimistic updates with Convex is using patterns that provide immediate UI feedback with automatic rollback capabilities. This ensures your interface remains snappy while maintaining data consistency if the server mutation fails.

How do I handle real-time pagination for large lists using Convex?

You handle real-time pagination using Convex by implementing cursor-based pagination combined with intelligent caching. This approach ensures scalable list updates and efficient data fetching across multiple React components.

Does Convex provide consistency guarantees for real-time subscriptions across multiple components?

Yes, Convex real-time subscriptions include consistency guarantees to ensure data remains synchronized across multiple React components. The system manages automatic subscriptions and smart caching to maintain UI consistency during live database changes.

When do I need real-time subscriptions for my React frontend application?

You need real-time subscriptions when your React frontend requires live lists, optimistic updates, and paginated data that automatically reflect database changes. This is essential for reactive apps needing instant data synchronization without manual polling.

Why does my Convex real-time list not update automatically in my React components?

If your Convex real-time list is not updating automatically, you may be missing the proper subscription patterns for smart caching and consistency guarantees. This Skill provides the necessary automatic subscription setup to ensure UIs correctly reflect database changes.