Frontend Machine Coding Round: A Practical Guide
The machine-coding round asks you to build a working component or mini-app live, usually in 30–60 minutes. It's where a lot of strong candidates freeze — here's how to prepare.
What you'll be asked to build
Common prompts: a counter, accordion, tabs, star rating, pagination, a modal (with portal + escape + click-outside), a debounced search box, an autocomplete with keyboard navigation, and infinite scroll. Practise these until you can build them without thinking about boilerplate.
How to approach it in the room
Clarify requirements first (1–2 min). Sketch the state and component breakdown. Build the happy path, then handle edge cases (loading, empty, error). Keep state minimal and immutable, use stable keys, and talk through your decisions — interviewers score your reasoning, not just the final pixels.
39 machine-coding problems, solved
Every component above, built step by step with clean, idiomatic solutions — in the React Coding Handbook.
⚡ Get the React Interview Kit → ₹399Frequently asked questions
- What are they actually evaluating?
- Working code, clean component/state design, handling edge cases, and clear communication. Perfect styling matters less than correct, well-structured logic.
- How do I practise?
- Build the common components from scratch on a timer, out loud. Repetition removes the boilerplate hesitation that eats your clock.