You have worked through React’s core client patterns: JSX, components, state, effects, forms, lists, context, and performance instincts. The goal was not to memorize every hook—it was to build a repeatable mental model for real codebases.
What you should be able to do now
- Author function components in TSX with typed props
- Choose between local state, lifting, context, and reducers
- Fetch or simulate data with loading and error UI
- Explain interview questions about reconciliation, keys, and hooks
Suggested next steps
- Rebuild one lesson mini-app from an empty file without peeking at starter code.
- Read the Next.js catalog entry when you are ready for routing and server components.
- Practice testing with React Testing Library on a local Vite project.
- Contribute a small component to an open-source design system to learn real review standards.
Keep practicing
Re-run lesson MCQs until you score comfortably. Return to JavaScript or TypeScript tracks if async or typing gaps show up in side projects.
Self-check
- Which lesson was hardest—and what will you rebuild to cement it?
- What is one feature you will build next with React outside this site?
Challenge
Mini capstone plan
- Sketch a three-component app (list + filter + detail).
- Write which state is local vs lifted.
- Implement a rough version in the editor or locally with Vite.
Done when: you have a written component diagram and started implementation.