A structured, day-by-day React interview roadmap covering the most asked machine coding problems: file explorers, todo lists, autocomplete, modals, tabs, data tables, infinite scroll, and production-ready UI patterns. Designed to simulate real frontend interviews at product companies.
0 of 38 milestones completed
0 of 1 completed
File explorer is the canonical React interview tree problem.
0 of 1 completed
Second version is where architecture shows.
0 of 2 completed
Todo list is the single most asked React interview problem. Master CRUD + filtering + persistence.
0 of 2 completed
Nested checkbox tests parent/child propagation. Star rating tests controlled input patterns.
0 of 1 completed
Typeahead basics: input → suggestions → selection.
0 of 1 completed
Second version tests async state and UX edge cases.
0 of 3 completed
Tabs and accordion are top-asked compound component patterns. Focus on keyboard navigation and ARIA.
0 of 3 completed
Modals test a11y + focus trapping + portal rendering. Asked at nearly every company.
0 of 3 completed
Progress bar series teaches time + scheduling + state modeling.
0 of 2 completed
Infinite scroll and carousel are asked at every product company. Tests observer patterns and DOM performance.
0 of 3 completed
Start with the base table, then layer features.
0 of 3 completed
Common real-world asks: row selection + CSV export + global search.
0 of 3 completed
Traffic light (state machines), multi-select (complex dropdown), and comments (recursive UI).
0 of 10 completed
Capstone set: mix of production-grade UI challenges. Pick based on time.