Home Questions Topics Companies Resources

Bookmarks Search

Built for developers preparing for JavaScript, React & TypeScript interviews.

Resources Questions Support

Home Questions Search Progress

Home Questionssystem-design

system-design

Frontend system design, architecture patterns, and scalability

Explore 6 system-design topics to deepen your understanding

Your Progress

0 of 4 completed

0%

4 Questions

mid Level

Design an autocomplete/typeahead search component

An autocomplete component requires debounced API calls, client-side caching (LRU), keyboard navigation, ARIA combobox accessibility, and virtualization for long result lists to deliver a responsive, inclusive search experience.

Design a real-time notification system for a web application

A real-time notification system uses Server-Sent Events (SSE) or WebSockets for delivery, a priority queue for ordering, toast UI for immediate alerts, a notification center for history, and the Notifications API for browser-level alerts when the tab is not focused.

How do you design a component library / design system for multiple teams?

component-architecture

A scalable design system uses design tokens for themeable foundations, a tiered component hierarchy (primitives, patterns, templates), semver versioning with a clear breaking change policy, Storybook for documentation, and an RFC governance process for multi-team contributions.

Design a social media news feed with infinite scroll

A social media feed requires cursor-based pagination for data fetching, list virtualization to render only visible items, Intersection Observer for infinite scroll triggers, optimistic updates for interactions (likes/comments), and careful memory management to prevent performance degradation during long scroll sessions.