Katkat

practice a little every day, paws crossed ♡

Frontend Engineer Interview Questions

Practice 9403 coding, system design and machine learning questions from 546 companies, sorted by role, topic and interview round. Every question has step-by-step hints, a code runner that supports 8 languages and an AI mentor; members also get the full solution walkthrough.

9403
Questions
546
Companies
11
Topics
8
Languages

Showing 31–51 of 51 results

  • SnowflakeMediumFrontend Engineer
    Explain React classes, lifecycle, and hooks

    This question assesses the evolution of React component patterns, specifically focusing on the transition from class-based lifecycles to functional hooks, and the management of stateful side effects.

    Software Engineering FundamentalsTechnical ScreenReactFrontendJavaScript
  • StripeMediumFrontend Engineer
    Build and Optimize a React Interface Against an Undocumented API

    Tests your ability to inspect an opaque or changing backend endpoint, build a resilient React component with typed normalization and client-side caching, and handle edge cases gracefully.

    Software Engineering FundamentalsOnsitereacttypescriptcaching
  • TomaEasyFrontend Engineer
    Identify the CSS color function

    This question evaluates a candidate's understanding of CSS color functions, specifically knowledge of channel-based color specification and the use of an optional opacity component.

    Software Engineering FundamentalsTechnical Screen
  • TomaEasyFrontend Engineer
    Which CSS function supports opacity?

    This question tests your knowledge of modern CSS color syntax and the various ways to define transparency within style rules.

    Software Engineering FundamentalsTechnical ScreenCSSFrontendStyling
  • TradedeskMediumFrontend Engineer
    Debug a Frontend Component That Shows Wrong API Results

    A front-end debugging question in which a React component that fetches data sometimes shows results that do not match the current input, even though each API response is correct. It tests how the candidate reproduces a timing-dependent bug, finds the root cause, fixes it in the effect, handles cancellation errors, and verifies the fix with a deterministic test.

    Software Engineering FundamentalsOnsite
  • TradedeskMediumFrontend Engineer
    Implement a Publish-Subscribe Event Bus in JavaScript or TypeScript

    A front-end coding question asking the candidate to implement an in-process publish-subscribe utility in JavaScript or TypeScript with subscribe, publish, and unsubscribe. It tests API design, choice of data structures, safe iteration when subscribers change during a publish, isolation of subscriber errors, and cleanup that avoids memory leaks.

    Software Engineering FundamentalsOnsite
  • TradedeskMediumFrontend Engineer
    Object-Oriented Design of an Elevator Control System

    An object-oriented design question asking the candidate to model an elevator control system: its classes, their responsibilities, and how a button press becomes an elevator stop. It tests requirement scoping, a clear per-car state model, stop ordering and dispatch policies that can be swapped out, handling of out-of-service cars and duplicate requests, and testability.

    Software Engineering FundamentalsOnsite
  • UiPathEasyFrontend Engineer
    Build an Event-Driven Folder Browser

    This problem tests your ability to model hierarchical data structures and design an efficient state management strategy for an interactive UI component.

    Software Engineering FundamentalsOnsiteData StructuresFrontend ArchitectureState Management
  • VerkadaMediumFrontend Engineer
    Build a React dashboard with filters

    This problem tests your ability to build a modular React dashboard that handles state synchronization, efficient list filtering, and semantic UI structure.

    Software Engineering FundamentalsOnsiteReactFrontendState Management
  • VerkadaMediumFrontend Engineer
    Implement a Camera List UI from a Defined Visual Contract

    Implement a responsive React camera-card list with fixed preview ratios, status and missing-image states, semantic selection, and a clear visual-verification method.

    Software Engineering FundamentalsTechnical Screen
  • WaymoMediumFrontend Engineer
    Build a Debounced Autocomplete Search Bar

    This problem evaluates your ability to implement a robust, performant search component that handles asynchronous race conditions and user accessibility requirements.

    Software Engineering FundamentalsOnsiteJavaScriptFrontendDOM
  • WaymoMediumFrontend Engineer
    Build a React naval board

    This question evaluates a candidate's ability to design frontend state and UI logic—specifically React component structure, state management, click-handling semantics, and derived sunk-detection logic for a Battleship-style board.

    Software Engineering FundamentalsTechnical Screen
  • WaymoMediumFrontend Engineer
    Build an Autocomplete Search Bar With a Hand-Written Debounce

    Build an autocomplete search bar that fetches suggestions as the user types, with a hand-written debounce. Tests timer handling across renders, out-of-order responses and request cancellation, keyboard navigation, accessibility, cleanup and testing with fake timers.

    Software Engineering FundamentalsOnsite
  • WaymoMediumFrontend Engineer
    Debug an Angular UI from User Reports

    This problem tests your ability to debug an Angular component, specifically focusing on Change Detection strategies, memory leaks in RxJS subscriptions, and asynchronous state management.

    Software Engineering FundamentalsOnsiteAngularRxJSMemory Management
  • WaymoMediumFrontend Engineer
    Filter an N-ary Tree by Substring and Render It With Indentation in a UI

    Filter an n-ary tree by removing every node whose value contains a substring, along with its subtree, then build a UI that renders the filtered tree with depth-based indentation as the user types. Tests recursion, immutability, state design and rendering.

    Software Engineering FundamentalsOnsite
  • WaymoMediumFrontend Engineer
    Run Promise Tasks with Bounded Concurrency

    Implement an asynchronous task runner in TypeScript that limits concurrent execution, handles synchronous throws and rejections gracefully, and returns settled results in the original task order.

    Software Engineering FundamentalsOnsiteTypeScriptConcurrencyPromises
  • ZooxHardFrontend Engineer
    Build a Stateful Calculator

    This question tests the ability to manage complex state transitions in a UI component, specifically handling input sequences, operator precedence, and state consistency in a stateful calculator.

    Software Engineering FundamentalsOnsiteFrontendState ManagementFSM
  • xAIMediumFrontend Engineer
    Build a React Typeahead with Async Suggestions and Keyboard Navigation

    A frontend coding question: build a React typeahead, a search input whose dropdown shows suggestions fetched asynchronously as the user types. The dropdown must support arrow keys, Enter, Escape and mouse selection, so it tests hooks, handling of out-of-order responses, accessibility and UI state.

    Software Engineering FundamentalsOnsite
  • xAIMediumFrontend Engineer
    Implement an Asynchronous React Typeahead

    Implement a debounced React typeahead with stale-response protection, cancellation, loading/error states, keyboard selection, and accessible combobox semantics.

    Software Engineering FundamentalsOnsite
  • xAIMediumFrontend Engineer
    Load and Display a React List with useEffect

    Load a React list with useEffect while handling endpoint changes, cleanup, stale responses, HTTP and schema errors, stable keys, and user-visible states.

    Software Engineering FundamentalsOnsite
  • xAIMediumFrontend Engineer
    Render Nested JSON in a Code-Style Viewer

    Render nested JSON safely in React with indentation, type styling, collapsible containers, empty values, and explicit boundaries between a viewer and an editor.

    Software Engineering FundamentalsOnsite