Chat UI
Comes up in: Machine coding, Frontend system design
This concept is being written. It gets the full five steps — explanation, predict, interview angle, practice with tests, and review cards. Here is exactly what it will cover, so you can study it elsewhere in the meantime.
What it covers
- message list with stick-to-bottom scroll
- sending with optimistic pending state and retry
- typing indicator
- loading history upward (keeping scroll position)
- unread markers
- mock WebSocket
Words you will know
What you will practise
- build (timed 90 min)
Interview questions this answers
- How do you keep a chat scrolled to the bottom only when the user is already at the bottom?