Question 1

Build a Job Board (paginated fetch)

Accepted Answer

**Target Audience:** Developers preparing for a frontend machine coding round who know useState and useEffect and want to handle a two-step paginated fetch with loading, errors and retries properly. **Difficulty:** Medium > **How to read this doc:** Plain language first, then 📌 Interview term: callouts. Code excerpts are copied from the runnable solution, and the Verified section quotes what it printed on React 19.3.1. The Hacker News API is **simulated**

Question 2

Build a Todo App with Pagination, Filters & Optimistic Updates

Accepted Answer

**Target Audience:** Developers who can already build a local todo list (see [Build a Todo List](/interview-question/build-a-todo-list)) and now need to talk to a slow, unreliable server. Assumes useState, useEffect and keys. **Difficulty:** Medium > **How to read this doc:** Plain language first, then 📌 Interview term: callouts with the vocabulary interviewers listen for. Every code excerpt is copied from the runnable solution, and the Verified section q

Question 3

Build a Pagination component

Accepted Answer

**Target Audience:** Developers preparing for a frontend machine coding round who know React basics (props, state, lists with keys) and want to get the classic pagination algorithm exactly right. **Difficulty:** Medium > **How to read this doc:** Plain language first, then 📌 Interview term: callouts with the precise vocabulary. Code excerpts are copied from the runnable solution, and the Verified section quotes what it printed on React 19.3.1, plus an exhaustive property check of

Question 4

Build an E-commerce Product Filter grid

Accepted Answer

**Target Audience:** Developers preparing for a senior frontend machine coding round. Assumes React state, effects and list rendering; the derived-state ideas are explained from scratch. **Difficulty:** Hard > **How to read this doc:** Plain language first, then 📌 Interview term: callouts. Code excerpts are copied from the runnable solution, and the Verified section quotes what it printed on React 19.3.1 while a script ticked filters, typed prices and removed chips. The catalogue

FRONTEND MACHINE CODINGDECODED.

Medium

Build a Job Board (paginated fetch)

Build a Todo App with Pagination, Filters & Optimistic Updates

Build a Pagination component

Hard

Build an E-commerce Product Filter grid