Realtime Chat

starter kit

Streaming chat on fancy-query useFancyStream — Echo events patch the cache in place (append + token-stream + reconcile), optimistic send, poll fallback.

built with fancy-query

Get it locally

$curl -L https://ui.particle.academy/starter-kits/fancy-query/download.zip -o fancy-query.zip && unzip fancy-query.zip && cd fancy-query-starter && npm install && npm run dev

Self-contained Vite + React 19 + Tailwind v4 project. ~12 KB. Edit src/Kit.tsx to make it yours. MIT.

localhost:5173 · Realtime Chatdev

Support chat

live

useFancyStream

Loading history…

Real useFancyStream wiring — Echo events → setQueryData reducers (append / patch / reconcile), optimistic append(), isStreaming, and a poll fallback. The streaming backend is stubbed in-file; swap it for window.Echo + a history endpoint and this component is unchanged.