Frontend Coach Resources Questions

Sign in Get started

All interview questions

Question Bank

Frontend System Design Interview Questions

Design-round questions for frontend engineers: news feeds, autocomplete, real-time collaboration, design systems, feature flags, A/B infrastructure, offline-first sync, and more — structured around requirements, data flow, and the trade-offs interviewers want articulated.

80 questions — free to read, with quizzes and AI-scored practice for members.

Frontend System Design80 questions

How do you decide between using local state, context, state management libraries, or server state in a frontend application?mid Compare the trade-offs between Operational Transform (OT) and Conflict-free Replicated Data Types (CRDT) in collaborative editing systems.senior How would you design a scalable news feed system like Facebook or Twitter?senior How would you decide between a CP and an AP system for a distributed application?senior How would you design a frontend system to efficiently handle real-time updates?senior How does Storybook improve component development and documentation?senior How does V8 optimize JavaScript execution using its compilation pipeline?senior How would you design a scalable component library for a growing team?senior Why is requirements clarification crucial in frontend system design?senior How would you design a frontend system to handle network request failures gracefully?senior How would you decide which state management tool to use for different types of state in a frontend application?senior How would you design a props API for a reusable Modal component?senior How do design tokens contribute to a design system?senior How would you design a frontend system to load remote modules at runtime?senior How would you implement distributed tracing to identify slow components in a frontend to API gateway to multiple services architecture?senior How do you manage a large frontend codebase with hundreds of developers to avoid conflicts and ensure efficiency?senior How would you design an infinite data table for large datasets?senior How would you design a frontend system to handle displaying and interacting with over 1 million rows efficiently?senior How would you design a video player to ensure smooth playback on varying network speeds?senior How would you design a collaborative text editor to handle real-time edits and offline syncing?senior How can you prevent data conflicts when two users edit a document simultaneously?senior How would you design an infinite scroll feature for a mobile feed application?senior How does Kafka ensure message ordering and what are the trade-offs?senior How would you design a typeahead search system for real-time suggestions?senior How does Uber use geospatial indexing to efficiently match drivers with riders?senior How would you design an optimistic update system for a social feed — handling rollback, conflict resolution, and partial failures without jarring UX?senior How would you design a code splitting strategy for a large React SPA to minimise initial bundle, optimise chunk reuse, and avoid waterfall loading on navigation?senior How do React Server Components change the client/server boundary, data-fetching architecture, and bundle size compared to traditional SSR and client-side rendering?senior How would you design a frontend system to support both accessibility and internationalization?senior How would you design a real-time presence system showing live user cursors, active selections, and avatar indicators in a collaborative editor at scale?senior How would you apply the RADIO framework to design a frontend system for a real-time chat application?senior What are the trade-offs between using REST and GraphQL for API design?senior How does HTTP/3 improve over HTTP/2 in terms of connection handling?senior How does frontend trace context propagation help in debugging performance issues?senior What are the trade-offs between using a monorepo and a polyrepo in frontend system design?senior How would you design a real-time chat application focusing on scalability and performance?senior How would you design an infinite scrolling image gallery for optimal performance?senior Explain the benefits of normalizing state and how optimistic updates work.senior How does YouTube handle video uploads and transcoding to support multiple resolutions?senior How do you classify frontend requirements into functional, non-functional, and constraints?senior How would you design a feature flag system supporting gradual rollouts, kill switches, and targeting rules — without re-deployment or page refresh?senior How would you design a caching strategy for a web application to handle offline access and cache invalidation?senior How would you ensure keyboard accessibility in a web application?senior How can frontend engineers mitigate XSS and CSRF vulnerabilities?senior How would you design a system to monitor and observe frontend performance and errors post-deployment?senior How do bundlers optimize frontend code for faster loading and safer deployment?senior How do Webpack, Vite, esbuild, and Rollup differ in their approach to bundling?senior How do logs, metrics, and traces contribute to observability in frontend systems?senior How would you design a chat application to handle both 1-1 and group messaging with low latency?senior How would you design an autocomplete component to handle debounce and race conditions?senior How would you design a frontend system to handle user input efficiently with debounce and caching?senior How do you handle race conditions in a search autocomplete feature?senior How does an Adaptive Bitrate Streaming (ABR) player decide which video quality to stream?senior How would you design a collaborative editing feature to handle real-time conflict resolution?senior How would you design a scalable frontend architecture for a large e-commerce platform?senior How would you design a scalable frontend system for a social media platform with 100 million daily tweets?senior How would you design the frontend infrastructure for an A/B testing platform that ensures consistent variant assignment, avoids flickering, and tracks statistical significance?senior How would you use edge functions (Cloudflare Workers, Vercel Edge) to handle authentication, personalisation, and A/B testing without a full origin server round-trip?senior How would you manage versioning, breaking changes, and cross-team migration in a shared design system consumed by 20+ product teams in a monorepo?senior How would you design an internationalisation system for a React app supporting RTL languages, ICU plural rules, and locale-aware date/number/currency formatting?senior How do you decide between Polling, Long-polling, WebSocket, and SSE for real-time data updates in a frontend application?senior How do you decide between using REST and GraphQL for a frontend application?senior What are the trade-offs between offset and cursor-based pagination?senior How do you design a component API that adheres to the principle of single responsibility?senior How would you design a video player to meet both functional and non-functional requirements?senior How does React 18 streaming SSR differ from traditional SSR, and how do you decide which content to stream vs block on — including the impact on FCP and TTFB?senior How would you design a normalized data model for a social media feed?senior When should you choose SQL over NoSQL for a database design?senior How would you design a GraphQL subscription system for live dashboard data, including connection management, cache integration, and fallback to polling?senior How would you design a PWA with reliable offline support, app installability, and push notifications — covering the service worker lifecycle and iOS/Android platform differences?senior How do you ensure separation of concerns in frontend architecture?senior How do you decide which image format to use in a frontend project?senior How do different rendering patterns affect SEO and performance?senior How does HTTP/3 improve over HTTP/1.1 and HTTP/2 in terms of performance and reliability?senior How does Module Federation enable micro-frontends to share code and render each other at runtime?senior How can alert fatigue be minimized in a frontend system design?senior How would you structure a 60-minute frontend system design interview?senior How would you design a system for storing and observing user-uploaded media files?senior How would you design a news feed system for a social media platform to handle both regular users and celebrities efficiently?senior How does tRPC achieve end-to-end type safety without a schema file, and when is it preferable to REST+OpenAPI or GraphQL?senior

Practice these with AI feedback and track what you've mastered.

Browse other topics

JavaScript React Web Performance Browser & Web APIs Testing Behavioral