Learning on Web Dev Open is free for all.

System Design & Performance > Front-end system designAutocomplete, which is four problems in a trench coat
Phase 06Front-end system design293 of 434

Autocomplete, which is four problems in a trench coat

Debounce, request cancellation, out-of-order responses, a client cache, and keyboard interaction that a screen reader can follow.

Build50 minAI implements

Build this in your own editor

This one runs on your machine rather than in the browser workbench. Work to the outcomes below, then come back and mark it complete.

You should now be able to

  • Prevent a stale response overwriting a newer one
  • Cancel in-flight requests the user no longer needs
  • Implement combobox keyboard and screen reader behaviour
Ask the community

Loading…