Frontend Coach Resources Questions

Sign in Get started

Question Bank

Frontend Interview Questions

338 real interview questions with plain-English explanations and diagrams. Free to read — sign up for quizzes, detailed notes, and AI-scored practice.

JavaScript (51)React (67)Frontend System Design (80)Web Performance (34)Browser & Web APIs (49)Testing (27)Behavioral (30)

Behavioral30 questions

Tell me about a time you had to ramp up on an unfamiliar technology or codebase quickly to ship something. How did you approach it?junior Tell me about a project you're proud of. What was your contribution and what did you learn?junior Tell me about something you did to make your team less dependent on you — documentation, onboarding, tooling, or teaching. What impact did it have?mid Tell me about the hardest piece of feedback you have received. How did you react, and what did you actually change?mid Tell me about a time you were handed a vague or ambiguous problem. How did you turn it into something the team could execute on?mid Tell me about a time you inherited a messy or legacy codebase. How did you decide what to improve versus leave alone, and how did you deliver on top of it?mid Tell me about a time you worked with someone you found difficult. What made it hard, and what did you do to make the collaboration work?mid Tell me about a skill gap you identified in yourself and deliberately closed. How did you structure the learning, and how did you apply it at work?mid Tell me about a time you caused or handled a production incident. How did you respond in the moment, communicate, and prevent it from recurring?senior Tell me about a technical disagreement with another engineer where the team went against your recommendation. How did you handle it, and what was the outcome?senior Tell me about a time your estimate was significantly wrong and a deadline slipped. How did you communicate it, and how did you adjust?senior Tell me about a time your project was blocked by another team. How did you unblock it without damaging the relationship?senior Tell me about a time you disagreed with a product or design decision. How did you handle it?senior Tell me about a technical trade-off you made that you'd defend even though it was unpopular at the time.senior Tell me about a project that failed or was cancelled. What was your role, what would you do differently, and what did you change afterwards?senior Tell me about a time you drove a significant change — technical or process — without having formal authority. How did you build buy-in?senior Tell me about a time you had several urgent things competing for your time. How did you prioritize, and how did you communicate the trade-offs?senior Tell me about a time you convinced product or leadership to invest in paying down technical debt. How did you make the case in business terms?senior Tell me about the hardest bug you've shipped a fix for. How did you find the root cause?senior Tell me about a time you helped a teammate level up. What was the gap, and what did you do?senior Tell me about a time you pushed back on scope to ship something on time. What did you cut and what did you protect?senior Tell me about a high-stakes decision you made with incomplete information. How did you reason about the risk, and how did it play out?senior Tell me about the biggest technical risk you have taken — a new technology, an aggressive rewrite, an unproven approach. How did you de-risk it?senior Tell me about a time you were pressured to ship faster than you were comfortable with. What corners did you refuse to cut, and which did you consciously accept?senior Tell me about a time you had to give difficult feedback to a peer or someone senior to you. How did you approach it and what happened?senior Walk me through a project you led end-to-end. What was your role, what shipped, and what didn't go to plan?senior Tell me about a performance or quality improvement you drove. How did you measure success?senior Tell me about a time you said no to a stakeholder request. How did you deliver it, and what alternative did you offer?senior Tell me about a time you raised the engineering quality bar on your team — through code review culture, testing, or standards. What resistance did you hit?senior Tell me about a time you held a strong technical opinion and then changed your mind. What evidence moved you, and what did you take away from it?senior

Browser & Web APIs49 questions

What are the key differences between localStorage and sessionStorage?junior What is HTTP and what are the most common HTTP methods?junior What is the difference between CSS `position: relative`, `absolute`, `fixed`, and `sticky`?junior

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

JavaScript51 questions

What is the difference between == and === in JavaScript, and why should we avoid using ==?junior What is the difference between `null` and `undefined` in JavaScript?junior What is a callback function in JavaScript and why is it useful?junior What is event bubbling in the DOM and how do you stop it?

React67 questions

What is the difference between props and state in React?junior What is the difference between controlled and uncontrolled components in React?junior What are React hooks and why are they used?junior What is JSX and why does React use it?junior

Testing27 questions

What is the difference between unit tests and integration tests?junior What is mocking in tests and why is it useful?junior How do you balance unit, integration, and end-to-end testing in a frontend project?mid Why is it important to test based on behavior rather than implementation details?

Web Performance34 questions

What is lazy loading and how does it improve web performance?junior What is a render-blocking resource and how do you deal with it?junior How can you optimize Core Web Vitals metrics like LCP, FID, and CLS?mid How do code splitting and lazy loading improve web performance?

Want quizzes, senior-level notes, and AI feedback on your answers?

What is the CSS box model and what are its four components?

junior

What is the DOM and how does JavaScript interact with it?junior

How does CSS Flexbox work and what problems does it solve?junior

Explain the Critical Rendering Path from HTML to pixel.mid

How would you use the Intersection Observer API to implement lazy loading, infinite scroll, and impression tracking without scroll event listeners?mid

Compare cookies, localStorage, and IndexedDB for client-side storage.mid

How do you eliminate layout shift and invisible-text flash caused by web fonts, and what is the optimal loading strategy for a performance-critical site?mid

How do you choose between cookies, localStorage, sessionStorage, and IndexedDB for different data persistence needs, and what are the security implications of each?mid

Explain the differences between XSS and CSRF and how to prevent them.senior

When should you choose WebSockets over polling or Server-Sent Events for real-time updates?senior

How would you implement an Optimistic UI for a like button?senior

How can you prevent Cross-Site Scripting (XSS) attacks in a web application?senior

What is the difference between reflow and repaint in browser rendering?senior

Why does a CORS error occur, and how can it be resolved?senior

How would you design a client-side architecture for a chat application?senior

How would you handle message ordering and delivery reliability in a chat application using WebSockets?senior

How does React decide whether to update, mount, or unmount a component?senior

How does event delegation improve performance in web applications?senior

Explain the execution order of console logs in JavaScript with setTimeout and Promise.senior

How does proper HTTP caching improve web performance?senior

How does a Service Worker enable offline functionality in a PWA?senior

How does the messaging app ensure message ordering and uniqueness?senior

How would you implement a multi-layer cache strategy to efficiently fetch token prices for 1000 users accessing a widget simultaneously?senior

How do Shadow DOM and Custom Elements enable widget isolation in a third-party SDK, and what are the limitations compared to iframes?senior

Why is the first HTTPS request slower than subsequent ones?senior

How does bidirectional virtualization improve performance in rendering large grids?senior

How would you architect a news feed using modern web APIs?senior

How does HTTP/3 (QUIC) improve upon traditional TCP for web communications?senior

How would you design a URL shortening service to handle high read and write QPS efficiently?senior

When does the cleanup function in useEffect run?senior

How would you design a system to track transaction status across multiple blockchain networks?senior

How can you ensure isolation of an embedded SDK widget from a host app's global styles and scripts?senior

How would you design a system to offload CPU-intensive work from the main thread using Web Workers, and what are the serialization and communication trade-offs?senior

How would you design a strategy to load, monitor, and sandbox third-party scripts (analytics, chat widgets, tag managers) without hurting Core Web Vitals?senior

How do different client-side cache layers impact performance and data freshness?senior

How does the stale-while-revalidate strategy improve user experience?senior

How does virtualized grid rendering improve performance in a photo gallery with thousands of images?senior

How does the event loop prioritize tasks in JavaScript?senior

Explain how generational garbage collection works in JavaScript engines.senior

Why is it beneficial to perform sorting and filtering on the server side for large datasets?senior

How would you design and implement a strict Content Security Policy for a complex web application that uses third-party scripts and inline styles?senior

How would you implement a feed using the provided API contract?senior

How does a Service Worker manage network requests and caching in a web application?senior

What are the pros and cons of using the 'Stale-While-Revalidate' cache strategy?senior

What is CORS, why might it be blocked, and what is a preflight request?senior

When should you use WebAssembly (WASM) and what is the integration pattern with React?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

junior

What is the difference between `var`, `let`, and `const` in JavaScript?junior

What are arrow functions in JavaScript and how do they differ from regular functions?junior

How do event capturing, bubbling, and delegation work in the DOM, and how would you build a delegated event system for a list with thousands of interactive rows?mid

Can you explain closures in JavaScript with a real-world analogy?mid

How does the JavaScript microtask queue differ from the macrotask queue, and how does this affect the execution order of Promises, queueMicrotask, setTimeout, and MutationObserver?mid

How does JavaScript type coercion actually work under the hood — what roles do ToPrimitive, valueOf, and toString play, and why does [] + {} differ from {} + []?mid

What are currying, partial application, and function composition in JavaScript — how do you implement curry and pipe, and where do these patterns genuinely improve production code?mid

Implement a typed EventEmitter from scratch and explain how the observer and pub/sub patterns differ — including memory-leak risks from forgotten subscriptions.mid

How is 'this' defined in JavaScript, and what are the differences between arrow functions and regular functions?mid

How do Promise, async/await work in JavaScript, and how should errors be handled correctly?mid

How do var, let, and const differ in scoping and hoisting behavior, what is the temporal dead zone, and how does the engine set up scopes before execution?mid

Implement debounce and throttle from scratch — including leading/trailing edge options, cancellation, and the closure mechanics that make them work.mid

Compare structuredClone, JSON.parse(JSON.stringify()), and manual recursive cloning — covering circular references, special types like Date/Map/Set, functions, and performance.mid

What is the difference between transpiling syntax and polyfilling APIs — how do Babel, core-js, and browserslist work together, and what does differential serving change?mid

Explain how the event loop, microtasks, and macrotasks work in JavaScript.mid

How do call, apply, and bind control the this binding, how would you implement bind from scratch, and what happens when bound functions are used with new?mid

Why does 0.1 + 0.2 !== 0.3 in JavaScript, what are safe integer limits, and how do you handle money calculations and 64-bit IDs correctly with or without BigInt?mid

How do closures retain memory in JavaScript, why can a single shared scope object keep large data alive unexpectedly, and how do you diagnose closure-driven leaks in heap snapshots?senior

Explain the prototype chain and its relation to ES6 classes.senior

How do hidden classes and inline caching improve JavaScript performance in V8?senior

Walk through implementing a Promises/A+ compliant promise from scratch — state machine, then-chaining, thenable assimilation, and why resolution must be asynchronous.senior

How does the Node.js event loop (timers, poll, check phases, setImmediate, process.nextTick) differ from the browser event loop with its rendering pipeline and requestAnimationFrame?senior

How does Adaptive Bitrate Streaming (ABR) handle network fluctuations?senior

How would you design an offline-first data layer using IndexedDB with background sync — including conflict resolution when the client reconnects after hours offline?senior

How do async generators and for await...of work, and when would you use them over Promise.all for paginated APIs, event streams, or rate-limited batch processing?senior

What makes code tree-shakeable, how do bundlers use ESM static structure and the sideEffects flag, and why do barrel files and class decorators defeat dead-code elimination?senior

How does AbortController provide composable cancellation for fetch, event listeners, and custom async work — and how do you propagate one signal through layered async operations?senior

How would you design error handling for a large frontend app — custom error classes, the cause chain, global handlers for unhandled rejections, and preserving async stack traces?senior

When do WeakMap and WeakSet beat Map and Set — covering private instance data, DOM node metadata, and memoization caches that must not block garbage collection?senior

How do property descriptors, getters/setters, and Object.freeze/seal/preventExtensions work — and how do libraries use defineProperty for computed properties and API deprecation warnings?senior

How do immutable update patterns and structural sharing work — what does Immer do with Proxies under the hood, and when does immutability help or hurt performance?senior

How do ReadableStream, WritableStream, and TransformStream work — what is backpressure, and how would you stream-process a 500 MB file or a streaming fetch response without exhausting memory?senior

How does the V8 JavaScript engine optimize code execution?senior

How do JavaScript Proxy and Reflect enable reactive state, validation layers, and access control — and what are the performance costs at scale?senior

What is hydration in JavaScript?senior

How do the iterator and iterable protocols work in JavaScript, and how do generators let you build lazy sequences, pausable computations, and custom iteration for data structures?senior

How can you efficiently manage and access message data in a normalized state structure in JavaScript?senior

How would you approach designing a TypeScript SDK for a crypto payment platform?senior

How does Promise.all differ from Promise.any in handling rejected promises?senior

How do you choose between Cache-First, Network-First, Stale-While-Revalidate, and Network-Only strategies in a Service Worker, and how do you handle cache versioning and invalidation?senior

What are the most common sources of memory leaks in JavaScript and React applications, how do you detect them with Chrome DevTools, and how do WeakRef and FinalizationRegistry help?senior

How do ES modules differ from CommonJS at the engine level — live bindings vs value copies, static analysis, circular dependency handling, and top-level await?senior

How does generational garbage collection work in V8 — the scavenger, mark-sweep-compact, and write barriers — and how does GC pressure show up as frame drops in real apps?senior

How do tagged template literals work mechanically, and how do libraries like styled-components, graphql-tag, and SQL sanitizers exploit them to build safe embedded DSLs?senior

What problems do Symbols solve in JavaScript, and how do well-known symbols like Symbol.iterator, Symbol.toPrimitive, and Symbol.hasInstance let you customize language behavior?senior

What causes catastrophic backtracking in regular expressions, how can a crafted input freeze your app or server (ReDoS), and how do you write linear-time-safe patterns?senior

What are the key differences between CSR, SSR, and SSG in terms of when HTML is ready and user experience?senior

Why is the `key` prop important when rendering lists in React?junior

What is the `useEffect` hook in React and when do you use it?junior

What are the concrete architectural trade-offs between Zustand and Redux Toolkit, and when should a team choose one over the other?mid

What is useActionState in React 19, what boilerplate does it eliminate, and how does it integrate with Server Actions and progressive enhancement?mid

Explain how React's Reconciliation, Virtual DOM, and Fiber work together.mid

What triggers a React component to re-render, and how costly is it?mid

Explain the differences and coordination between useMemo, useCallback, and React.memo in React.mid

How did ref handling change in React 19 — why was forwardRef needed before, what does the new ref-as-prop model enable, and what is the new ref cleanup API?mid

What is automatic batching in React 18, how does it differ from React 17 batching, and when would you need to opt out with flushSync?mid

What does React 18's createRoot API unlock compared to legacy ReactDOM.render(), and what is the migration path for an existing app?mid

Explain React 18's useTransition hook: what problem it solves, how the concurrent scheduler handles non-urgent updates, and how isPending drives UX.mid

What does useFormStatus return, why must it be called in a child of a form element, and how does it eliminate prop-drilling for submit button state?mid

What can the use() hook read in React 19, why can it be called conditionally unlike other hooks, and how does it integrate with Suspense for Promises?mid

What is useDeferredValue in React 18, how does it keep UI responsive for expensive derived computations, and when should you prefer it over useTransition?mid

What is the useId hook in React 18, what SSR hydration problem does it solve compared to Math.random(), and what are valid vs invalid use cases?mid

How does useOptimistic in React 19 work, how does it automatically roll back on error, and how does it compare to manually managing optimistic state?mid

What are Server Actions in React 19, how are they exposed as HTTP endpoints under the hood, and what security mistakes must you avoid?senior

How does Qiankun enable micro-frontend architecture in a React application?senior

How does TypeScript enhance React development?senior

How does unidirectional data flow in Redux simplify debugging?senior

How did you improve conversion rates and DAU for a payments platform?senior

When should you choose useReducer over useState in React?senior

When should you use useMemo over useCallback in React?senior

What are some basic concepts of Web3 that a frontend engineer should know?senior

How does EIP-4337 enable smart wallets without changing the Ethereum protocol?senior

How would you design a React SDK for third-party developers?senior

How should you handle a tri-state variable like isNewCrossCurrencyUI in React?senior

How can React components utilize different types of memory layers to manage state and behavior effectively?senior

How does TanStack Query manage its query cache, stale time, and background refetching — and how do you tune these for a high-traffic dashboard?senior

How do you ensure high-quality UI/UX in a React application?senior

How did you achieve the 12% to 15% performance improvement mentioned in your CV using React?senior

How would you design an error handling architecture for a payment SDK in React?senior

How does the exponential backoff retry pattern improve payment SDK reliability?senior

How does the Orchestrator-Workers pattern improve scalability in a React application?senior

What is a stale closure in useEffect, why does it occur, and how can you handle it?senior

What are the four types of state in React and their suitable tools?senior

How would you structure your response using the STAR framework to describe a technical challenge you faced?senior

How would you design a React-based frontend to detect and fix bugs using user interactions and backend logs?senior

How would you design a React component for a web3 checkout interface?senior

How does a cross-chain bridge protocol improve transactions compared to traditional single-chain methods?senior

Why does a failed Ethereum transaction still incur a gas cost?senior

How would you architect a micro-frontend system using React and Qiankun?senior

How does micro-frontend architecture benefit large-scale React applications?senior

What are the key differences between EOA and Smart Contract Wallets in terms of control and transaction capabilities?senior

Describe a time you took ownership of a challenging project in React.senior

How would you design a universal checkout SDK for a payments platform?senior

How does React's architecture manage state and flow?senior

What does the React Compiler do at build time, which manual memoization patterns does it replace, and what code patterns prevent it from optimising a component?senior

How would you design a scalable frontend architecture for a fintech application using React?senior

How do Server Components differ from Client Components in React, and when should each be used?senior

How do you decide where to store a piece of state in a React application?senior

How does the Compound Components pattern improve flexibility and reusability in React?senior

What should you prepare for the React Assessment in the interview process?senior

How would you implement a debounce function in a React component to handle API requests efficiently?senior

What are the key differences between LLM Call, Workflow, and Agent in Anthropic's framework?senior

How does the ReAct pattern in React help manage state updates in a loop?senior

How can advanced React patterns improve component reusability?senior

How do React Suspense and concurrent features like useTransition change how you architect data-fetching and UI responsiveness?senior

How would you design an error boundary strategy for a large React application to isolate failures without degrading the full page?senior

What causes React hydration mismatches, how do you diagnose them, and how does React 18 selective hydration change the recovery strategy?senior

Compare useTransition and useDeferredValue: when do you own the state update vs receive a value, how do their loading signals differ, and can they be combined?senior

What is useSyncExternalStore, what is "tearing" in concurrent React, and how does this hook guarantee a consistent snapshot from external stores?senior

How does React 18 streaming SSR with renderToPipeableStream and Suspense improve TTFB, FCP, and TTI compared to the legacy renderToString approach?senior

mid

How can you test the data flow in a layered SPA architecture?senior

How do semantic tokens improve theming in a component library?senior

What is the testing pyramid and how does it guide test distribution?senior

How can Real User Monitoring (RUM) improve frontend performance?senior

Why is developing isolated components beneficial in frontend development?senior

What are the key differences between L4 and L7 load balancers?senior

How does Vite achieve faster development server startup compared to Webpack?senior

How do mocks, async, and contract testing improve test reliability?senior

How does the Container/Presentational pattern improve testability and maintainability in frontend development?senior

What are the trade-offs of using micro-frontends in large organizations?senior

How do you decide what to test in a frontend application?senior

How would you implement a performance budget in a frontend project?senior

How do feature flags enhance deployment strategies in CI/CD pipelines?senior

What are the differences between mocks, stubs, and spies in testing?senior

How can you test a debounced function without waiting for real time to pass?senior

How does a Storybook 'story' benefit a design system team?senior

How have you used A/B testing to drive conversion impact in a project?senior

How would you design an end-to-end bug detection pipeline for a frontend application?senior

How does contract testing ensure frontend and backend compatibility?senior

How do you demonstrate a hypergrowth mindset in your work?senior

How would you design a testing system using an orchestrator and multiple workers for bug detection and resolution?senior

How do different types of tests catch specific bugs in frontend applications?senior

Explain the differences between mock, stub, and spy in testing.senior

mid

Explain the differences between debounce and throttle, and when to use each.mid

How can optimizing images improve web performance?mid

How do you design a progressive loading system using skeleton screens, optimistic rendering, and streaming to minimise perceived latency across all network speeds?mid

How can you efficiently manage language resources for internationalization in a web application?senior

How can you reduce Cumulative Layout Shift (CLS) on a webpage?senior

What are the trade-offs of using Module Federation in micro-frontends?senior

What are the 3 Core Web Vitals and their thresholds?senior

What are the trade-offs of using an iframe for embedding a checkout widget?senior

Explain the browser's rendering pipeline and its impact on performance.senior

Explain virtualization (windowing) in web development and its necessity.senior

How can modern hydration techniques improve web performance?senior

How does list virtualization improve web performance?senior

Explain the Critical Rendering Path and its significance in web performance.senior

How does a bundler improve web performance?senior

How does Vite improve the development experience compared to traditional bundlers?senior

How do responsive images and lazy loading improve web performance?senior

When is it appropriate to use micro-frontends?senior

How would you optimize a photo gallery to display thousands of images smoothly?senior

How do you decide between Client-Side Rendering (CSR) and Server-Side Rendering (SSR) for a web application?senior

What are the trade-offs between different caching strategies like Cache-Aside, Write-Through, and Write-Back?senior

How would you optimize rendering performance for a list displaying 10,000 rows in a React application?senior

How did you improve web performance in a past project?senior

What are the runtime performance costs of CSS-in-JS libraries like styled-components, and how do zero-runtime alternatives like Linaria or vanilla-extract change the trade-off?senior

How do CSS containment, will-change, and GPU compositing layers affect browser rendering performance, and when does promoting a layer become counterproductive?senior

What are key considerations in frontend system design for performance optimization?senior

How would you implement virtual scrolling from scratch for a list with 100,000 rows, including support for variable row heights and dynamic content?senior

How would you implement performant list reordering and shared-element transitions using the FLIP (First, Last, Invert, Play) animation technique?senior

How do SEO requirements influence the choice of rendering pattern?senior

What are Core Web Vitals and why are they important for web performance?senior

How would you implement smooth scrolling in a long feed using virtualization?senior