React Machine Coding
Build real UI components asked at top companies. Practice with an in-browser editor, instant preview, and detailed solutions.
0/51
Solved/
Status
Name
Difficulty
Companies
React Tic-Tac-Toe Engine
MediumNEW
React Tic-Tac-Toe EngineNEW
Medium
Performant Image Slider
MediumNEW
Performant Image SliderNEW
Medium
API Search and Render Image
MediumPRONEW
API Search and Render ImagePRONEW
Medium
Accessible React Tabs
EasyNEW
Accessible React TabsNEW
Easy
Recursive File Explorer
MediumNEW
Recursive File ExplorerNEW
Medium
Traffic Light
MediumNEW
Traffic LightNEW
Medium
Star Rating
EasyPRONEW
Star RatingPRONEW
Easy
Accordion
EasyNEW
AccordionNEW
Easy
Auto-complete
HardPRONEW
Auto-completePRONEW
Hard
Modal System
MediumNEW
Modal SystemNEW
Medium
Pagination
MediumPRO
PaginationPRO
Medium
Multi-step Form
Medium
Multi-step Form
Medium
Toast Notification
HardPRO
Toast NotificationPRO
Hard
Virtual List (Windowing)
HardPRO
Virtual List (Windowing)PRO
Hard
Custom Query Hook
HardPRO
Custom Query HookPRO
Hard
Kanban Board (DnD)
Hard
Kanban Board (DnD)
Hard
Nested Checkboxes (Tri-state)
HardPRO
Nested Checkboxes (Tri-state)PRO
Hard
Product Dashboard
HardPRO
Product DashboardPRO
Hard
Form Builder (JSON Schema)
HardPRO
Form Builder (JSON Schema)PRO
Hard
Infinite Scroll
HardPRO
Infinite ScrollPRO
Hard
Analog Clock
MediumPRO
Analog ClockPRO
Medium
Memory Game
HardPRO
Memory GamePRO
Hard
Poll Widget
MediumPRO
Poll WidgetPRO
Medium
Transfer List
HardPRO
Transfer ListPRO
Hard
Progress Bar
EasyPRO
Progress BarPRO
Easy
Stopwatch
EasyNEW
StopwatchNEW
Easy
Tooltip
EasyNEW
TooltipNEW
Easy
Color Swatch
EasyNEW
Color SwatchNEW
Easy
Like Dislike I
EasyNEW
Like Dislike INEW
Easy
Like Dislike II
MediumPRONEW
Like Dislike IIPRONEW
Medium
Nested Comments
MediumPRONEW
Nested CommentsPRONEW
Medium
Node Unwinder
MediumPRONEW
Node UnwinderPRONEW
Medium
Drag and Drop Sortable List
HardPRONEW
Drag and Drop Sortable ListPRONEW
Hard
Configurable Text Transformer
MediumPRONEW
Configurable Text TransformerPRONEW
Medium
Card Deck I
EasyNEW
Card Deck INEW
Easy
Card Deck II
MediumPRONEW
Card Deck IIPRONEW
Medium
Card Deck III
HardPRONEW
Card Deck IIIPRONEW
Hard
Progress Bar I
EasyNEW
Progress Bar INEW
Easy
Progress Bar II
MediumPRONEW
Progress Bar IIPRONEW
Medium
Progress Bar III
HardPRONEW
Progress Bar IIIPRONEW
Hard
Tree Navigation I
EasyNEW
Tree Navigation INEW
Easy
Tree Navigation II
MediumPRONEW
Tree Navigation IIPRONEW
Medium
Tree Navigation III
HardPRONEW
Tree Navigation IIIPRONEW
Hard
Tic Tac Toe III
HardPRONEW
Tic Tac Toe IIIPRONEW
Hard
AI Streaming Chat Window
MediumNEWAI
AI Streaming Chat WindowNEWAI
Medium
Slash-Command Prompt Input
MediumNEWAI
Slash-Command Prompt InputNEWAI
Medium
AI Citations Panel
MediumPRONEWAI
AI Citations PanelPRONEWAI
Medium
AI Inline Diff Viewer
HardPRONEWAI
AI Inline Diff ViewerPRONEWAI
Hard
AI Agent Trace Renderer
HardPRONEWAI
AI Agent Trace RendererPRONEWAI
Hard
useArray
MediumPRONEWreacthooksarrays
useArrayPRONEWreacthooksarrays
Medium
useCounter II
EasyPRONEWreacthooksstate
useCounter IIPRONEWreacthooksstate
Easy