Recommended preparation
Premium
Live Comments for Global Streams (Real-time)
Try the prompt first
Senior20 min first pass
Design a live-comment stream with ordered resumable events, moderation-aware rendering, burst control, readable auto-follow behavior, and accessible interaction.
Constraints
- Keep client, server, and rendering ownership explicit.
- Cover loading, failure, recovery, and accessible interaction states.
Challenge summary
Design global live comments with resumable ordering, moderation revisions, readable follow mode, and burst-safe rendering without client-side event loss.
What you'll practice
- Merge snapshots, comment events, and moderation updates by identity and sequence.
- Preserve a reader's anchor while new comments accumulate at the live edge.
- Bound rendered rows and retained bodies without inventing a client drop policy.
- Reconcile optimistic comments, reconnect gaps, tombstones, and accessible announcements.
What Premium unlocks
Premium unlocks the gap-repair example, moderation revisions, follow-mode trade-offs, and burst recovery analysis.
Free related practice
Upgrade to FrontendAtlas Premium to access this system design scenario. Already upgraded? Sign in to continue.