React from Scratch

The route

1. Rendering, and what React is doing

   Components, JSX and the render cycle — enough model to predict what re-runs.

   You board here
   120 min
2. State that stays honest

   useState, derived values, lifting state, and the two-sources-of-truth bug.

   120 min
3. Effects, and when you do not need one

   Fetching, subscriptions and cleanup — plus the effects to delete outright.

   120 min
4. Forms, validation and optimistic updates

   Controlled inputs, submission states, and rolling back a write that failed.

   120 min
5. Routing, data and the shape of an app

   Route-level loading, layouts, and where the server and client meet.

   120 min
6. Shipping it

   Bundle size, memoisation where it earns its keep, and staying pleasant six months in.

   120 min

A look at the teaching

// Don't: two sources of truth that can disagree.
const [items, setItems] = useState([]);
const [total, setTotal] = useState(0);

// Do: one source, and a value computed from it.
const [items, setItems] = useState([]);
const total = items.reduce((sum, i) => sum + i.price, 0);

Who is driving