convex-realtime

Implement real-time data synchronization in Convex-powered React apps.

1|Updated Feb 2, 2026
One-click install
npx skills add https://github.com/lulacoder/Hotel_management --skill convex-realtime-lulacoder
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: convex-realtime
Source: https://github.com/lulacoder/Hotel_management/tree/main/.opencode/skills/convex-realtime
Command: npx skills add https://github.com/lulacoder/Hotel_management --skill convex-realtime-lulacoder

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps developers implement real-time reactive data patterns in Convex-powered React apps, reducing manual polling and data synchronization effort.

Core Features & Use Cases

  • Real-time subscriptions: keep UI in sync with database changes.
  • Smart caching: share results across components to reduce redundant fetches.
  • Optimistic updates: provide immediate UI feedback with rollback on errors.
  • Cursor-based pagination: load large datasets efficiently with paged data.

Quick Start

Install the Convex client and initialize your project. Create a React component that subscribes to data with useQuery and updates data with useMutation to see real-time and optimistic updates in action.

Frequently Asked Questions about convex-realtime

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

FAQPage Schema
How do I implement real-time data subscriptions in a Convex React app?

Real-time data subscriptions in a Convex React app use the Convex React client and useQuery hook to automatically sync UI components with database changes without manual polling.

What is the best way to handle optimistic updates with Convex mutations?

Optimistic updates with Convex mutations provide immediate UI feedback by applying predicted changes locally through the useMutation hook, rolling back automatically if the server request encounters an error.

How does cursor-based pagination work for large datasets in Convex?

Cursor-based pagination in Convex works by loading large datasets efficiently in pages using the pagination APIs, fetching subsequent chunks of data based on a cursor reference rather than offset limits.

Can I share query results across components to reduce redundant fetches in Convex?

Yes, you can share query results across components to reduce redundant fetches using Convex smart caching, which stores and reuses subscription data within the React client to avoid unnecessary re-renders.

Why am I getting unnecessary re-renders with my Convex useQuery hooks?

Unnecessary re-renders with Convex useQuery hooks often occur due to data inconsistencies or improper subscription management, requiring safe reactive patterns and smart caching to normalize state updates.