Machine Coding Round: Follow-Up Questions to Expect
After building the component, interviewers ask follow-ups. Here is what to expect and how to answer.
Machine Coding Round: Follow-Up Questions to Expect
After you build the component, the interviewer may ask follow-up questions. These test your understanding and depth. Here is what to expect and how to answer.
Common Follow-Up Questions
1. "How would you scale this for 10,000 items?"
Answer: discuss virtualization (render only visible items), pagination, lazy loading, and efficient data structures. Mention libraries like react-window or react-virtualized.
2. "How would you optimize performance?"
Answer: discuss debounce/throttle for input, memoization, avoiding unnecessary re-renders, code splitting, and reducing DOM operations.
3. "How would you make this accessible?"
Answer: discuss ARIA roles, keyboard navigation, screen reader support, focus management, and semantic HTML.
4. "How would you test this?"
Answer: discuss unit tests (Jest, React Testing Library) for logic, integration tests for component interaction, and E2E tests (Cypress, Playwright) for user flows.
5. "What edge cases did you handle?"
Answer: list the edge cases you handled (empty input, no results, errors, rapid typing). Explain your approach for each.
6. "How would you add feature X?"
Answer: discuss how you would extend the code. Show that you understand the architecture well enough to add features without rewriting.
7. "Why did you structure the code this way?"
Answer: explain your design decisions. Why did you separate data, logic, and UI? Why did you use a particular state management approach?
8. "How would you convert this to a reusable component/library?"
Answer: discuss props/configuration, default values, theming, and documentation. Mention publishing to npm.
9. "What would you do differently with more time?"
Answer: be honest. Mention features you would add, CSS you would polish, or edge cases you would handle. This shows self-awareness.
10. "How would you handle state if this was part of a larger app?"
Answer: discuss Context, Redux, or Zustand for global state. Explain when to use local state vs global state.
How to Prepare for Follow-Ups
- Understand your code deeply: know why you made each decision.
- Think about scaling: how would it work for 10,000 items?
- Think about accessibility: ARIA, keyboard, screen reader.
- Think about testing: unit, integration, E2E.
- Think about reusability: props, configuration, theming.
The Takeaway
After building the component, expect follow-ups on scaling (virtualization), performance (debounce, memoization), accessibility (ARIA, keyboard), testing (Jest, Cypress), edge cases, architecture decisions, reusability, and state management. Understand your code deeply and think about these aspects beforehand.
How would you scale for 10,000 items (virtualization)? How would you optimize performance (debounce, memo)? How would you make it accessible (ARIA)? How would you test it? Why did you structure the code this way? What would you do differently with more time?
Discuss virtualization (render only visible items with react-window or react-virtualized), pagination, lazy loading, and efficient data structures. Explain that rendering 10,000 DOM nodes is slow, and virtualization solves it by rendering only the visible ones.
Discuss ARIA roles, keyboard navigation (tab, arrow keys, enter, escape), screen reader support, focus management, and semantic HTML. Explain that accessibility is not optional and benefits all users.
Discuss unit tests (Jest, React Testing Library) for logic and rendering, integration tests for component interaction, and E2E tests (Cypress, Playwright) for user flows. Mention testing edge cases and accessibility.
Be honest. Mention features you would add, CSS you would polish, edge cases you would handle, or tests you would write. This shows self-awareness and a desire for quality, which interviewers appreciate.
Ready to master React completely?
Want to upskill yourself, crack your next interview, and get your dream job? Join our comprehensive course to dive deeper with high-quality video tutorials, solve interview questions, and a premium community.
Master React
Want to upskill yourself, crack your next interview, and get your dream job? Join our comprehensive course.