React Literacy
Code literacy for the React era. Learn to read, navigate, and troubleshoot React applications — not to become a React developer, but to review what AI builds for you.
What you are actually looking at
A React app is built from components — small, reusable pieces of UI. This level teaches you to look at a React file and see structure, not intimidatin...
How information moves through a React app
React components are not isolated — they pass data to each other through props. This level teaches you to trace how data flows from parent to child, r...
State, hooks, and why things change on screen
Props are data passed in from outside. State is data the component remembers on its own. This level teaches you to read React's most important hooks —...
What happens beyond the screen
Real React apps talk to servers, read from URLs, handle form submissions, and manage timing. This level teaches you to read the patterns that connect ...
TypeScript and patterns you will encounter
Most real React codebases use TypeScript and follow common structural patterns. This level teaches you to read type annotations without panic and reco...
Finding and fixing what went wrong
Something is broken. The screen is blank, the data is wrong, a button does nothing. This level teaches you systematic React debugging — how to read er...
Reviewing and directing AI-generated React code
AI can generate entire React components and pages. But it makes predictable mistakes. This level teaches you to review AI-generated React code systema...
Navigating real React projects with confidence
You have learned to read individual components, hooks, state, effects, types, and AI output. This level puts it all together: navigating a real React ...