Sandbox demo

Realtime Subscriptions

Live updates that survive backgrounding.

Realtime turns your app into a live document. When a tip is added on another device, your screen updates instantly. Supabase Realtime works over WebSockets and the JS client handles reconnection — but you need to subscribe in useEffect and clean up on unmount, otherwise you leak listeners.

Sandbox transcript
Codex · sandbox replay
Press Play to replay this transcript step-by-step.
0 / 5

The transcript is canned — no real API calls. The point is to internalize the loop: user → plan → tool → result → answer.

Check your understanding
Q1. Why is the cleanup function (return () => ...) inside useEffect critical for Realtime?
· Score 100% on the quiz.