From Zero to Hero: Teaching React to 100+ Students
Teaching React to 100+ students across three cohorts taught me more about the framework than building with it did. Explaining things to beginners forces you to question every assumption, and their confusion is almost always a signal of a genuinely unclear concept.
The Mental Model Problem
The biggest barrier is the mental model. Students who try to understand React as "HTML with JavaScript" get confused immediately. The students who progress fastest are the ones who embrace the component-as-function model early: a component is a function, state triggers re-renders, the UI is a snapshot of state.
Debugging Live Is a Superpower
Live coding mistakes in front of students turned out to be among the most valuable teaching moments. When you make an error, then reason through it visibly — checking the console, re-reading the code, forming and testing hypotheses — you're demonstrating the actual skill of debugging, not just the happy path.
Students don't need to see perfect code. They need to see how an experienced engineer thinks when the code isn't working.
Exercises That Build Lasting Intuition
The exercises that produced the most learning were the ones where students had to make architectural decisions and then defend them. Building a shopping cart from scratch with no guidance on state structure produced more learning than ten guided tutorials.