Week 3 · Lesson 09

React truth UI

Product surface for queue and approvals. Never owns business rules. Kill demoPosts.

Time · 1 day
Learn
  • UI vs harness responsibilities
  • Loading / error / empty states
  • Vite proxy or VITE_API_URL
Build
  1. Replace demo data in client/src/components/Dashboard.tsx
  2. Wire New post, Approve, Request changes to the API
  3. Accounts tab lists real Instagram connections — not posts
Checkpoint

Refresh the browser; queue state is still there (SQLite).

Four notes
  • What problem does this layer solve?
  • What is allowed to call it?
  • What must it never do?
  • How do I observe and test it?