All styles

Playbook · Interview style

Full-stack product

A product-engineer screen that moves across the stack: a React UI, the types that hold it together, the API and data behind it, and the tests that keep it honest. Breadth with enough depth that hand-waving any one layer shows.

  • React
  • TypeScript
  • APIs
  • Testing

Interview flow

A style plays out as a sequence of sessions — start each one on its own; your readiness rolls up across them.

  1. 1. Depth interviewA full-stack breadth round across UI, types, API, and tests.
    Start below
  2. 2. Code challengeSpot and fix a bug that spans a component and its data.

What interviewers usually probe

  • Where state should live, and what re-renders when it changes.
  • How your types catch the bug before it ships — and where they don't.
  • The seam between the UI and the API: loading, errors, optimistic updates.
  • What you'd actually write a test for, and what you'd leave.

What we assess

  • React component and state design
  • TypeScript modelling across the stack
  • API integration and the client/server seam
  • Pragmatic testing choices

What we don’t

  • Deep system designFor distributed-systems and scaling depth, try the Distributed & real-time or Architecture & trade-offs styles.
  • Pixel-level design / CSSWe assess engineering reasoning, not visual design or styling minutiae.

Practise this style

Run an adaptive full-stack product interview — pick your level, answer by voice or text, and get corrected like a senior engineer. Your first interview is free.

Practise Full-stack product