Le Bistro track · L27

L27 · 45 slides

Mise en place

Components, JSX, props, lists and keys. Le Bistro's home page and menu from components and a data file; the students' shop starts (v0.1).

L28 · 44 slides

useState, events, lifting state, derived values. A working cart, a stepper, filter chips and search (v0.2).

L29 · 45 slides

useEffect, fetching, race conditions, custom hooks, useRef. The real menu from the API and a cart that survives F5 (v0.3).

L30 · 41 slides

React Router, params, search params, login and guards. A page per dish, staff-only doors, deployed on Vercel (v0.4).

L31 · 46 slides

Context, useReducer, compound components. One cart and one session for the whole site, and an FAQ (v0.5).