Frontend Machine Coding Round: A Practical Guide
Short answer
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.
Frequently 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.
This is 1 of 75+ questions in the React Interview Kit
Get every question with detailed answers, follow-ups and real code — plus coding challenges and a last-minute revision sheet. One-time payment, instant access.
⚡ Get the React Interview Kit → ₹399