Session# 1: TypeScript + React — typing components, props and events the right way 1Hr 30Min
The TypeScript bits that actually matter. Common mistakes (any everywhere, useless generics) and the patterns that just work.

Session# 2: Component composition over configuration 1Hr 30Min
Why prop-explosions are a smell. Compound components, render props, and slot patterns — when each is the right tool.

Session# 3: State colocation — local vs lifted vs global 1Hr 30Min
A decision tree for "where does this state belong". Plus a tour of useState, useReducer, Zustand and when to reach for each.

Session# 4: Custom hooks — extracting and testing them 1Hr 30Min
Pull logic out of components into hooks that are easy to read and easy to test. We refactor a real component live.

Session# 5: Data fetching and async state — without footguns 1Hr 30Min
TanStack Query / SWR. Suspense basics. Cancellation and stale-while-revalidate. Loading and error states that do not annoy users.

Session# 6: Performance — measuring before fixing 1Hr 30Min
React DevTools profiler. Why memo and useCallback rarely help. The real wins (list virtualisation, route splitting, bundle size).

Session# 7: Testing — what to test, what to skip 1Hr 30Min
Vitest + React Testing Library. The 80/20 of frontend tests. We write three tests for one of your real components.

Session# 8: Architecture review — bring your project 1Hr 30Min
You walk me through your codebase. We pick three things to refactor. Live, on the call, with explanation.