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
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.