With checkout complete, the learner can add order history, order detail, and lifecycle actions without forward references. The course keeps the sequencing honest: list pages come before detail pages, detail enrichment is extracted into its own hook, and order actions only appear after read flows are already stable.
Overview
Syllabus
- Unit 1: Fetching Order Data
- Observe the completed orders list flow
- Expand the orders API surface
- Create the useOrders history hook
- Assemble the order history screen
- Expose order history in the navbar
- Unit 2: Order Product Enrichment
- Observe the completed order detail view
- Create the order product enrichment hook
- Build the order detail route and page
- Link checkout success to order detail
- Unit 3: Managing Order Lifecycle Actions
- Observe the completed order lifecycle flow
- Add lifecycle mutations to the orders API
- Make useOrder refreshable
- Wire pay and cancel into order detail