Pathwise

Manuals / React Basics / Checkpoint 4

Gate · checkpoint · ~60 min · Checkpoint 4 of 4

Checkpoint — React mini app

Ship a tiny app: list + filter + detail from public API.

Path progress
100%

Step 1 of 1

Ship it

Deploy or record a demo of list/filter/detail. README with run steps.

Ship itDrag stickies · tap for tips
Study mapDrag stickies · tap for tipsKeep it shortdrag · tap →Name the waitdrag · tap →Scope locatorsdrag · tap →Trace when stuckdrag · tap →One browser firstdrag · tap →Isolate statedrag · tap →Assert the UIdrag · tap →Retry wiselydrag · tap →Seed datadrag · tap →Close the loopdrag · tap →Keep it shortdrag · tap →Name the waitdrag · tap →Scope locatorsdrag · tap →Trace when stuckdrag · tap →One browser firstdrag · tap →Isolate statedrag · tap →Pathwise hackdrag · tap →Ship itdrag · tap →Try thisdrag · tap →Follow the dashed drag · tap →

Quick check

Checkpoint passes when…

Do this now

Push to GitHub and link it from your portfolio notes.

Was this step clear?
Chapter learning outcomes
  • Composition
  • State lift
  • README

Clear these before you leave

Next, learn…

Same neighborhood as React Basics — keep the momentum.

FoundationsJavaScript
FoundationsTypeScript
FoundationsPython
FoundationsSQL