DeepFrontend
Learning Paths
Practice
System Design & DS
Design Studio
Data Structures Curriculum
Real-World Case Studies
Careers
Job Board
Resume Builder
Blog
Sign in
Search
⌘K
Go Pro
Loading compiler resources...
System Design Quiz Practice
Active Recall Drill Session
← Exit Session
Question 1 of 1
medium
System Design
In the worked SearchBox example, why is the loading/error state layer (step 2) added BEFORE debouncing and cancellation (step 3)?
A
The order doesn't matter at all
B
It follows the incremental-building principle — get a simple version fully working, then naturally-arising edge cases (loading/error) handled, before layering in a more advanced refinement (debounce/cancellation)
C
Debouncing must always be implemented first in React
D
Loading states are required by React and cannot be added later
Check Answer