How many times have you tried to learn React?
You watched Youtube videos. You read blog posts. You followed one tutorial after another. Sometimes, you think you’ve got it. After all, you’ve successfully built that todo list app step by step, like following instructions on a recipe. Some other times, what you’ve learned feels as slippery as an eel. It doesn’t stick. It doesn’t click.
“I can follow tutorials, but I can’t apply it to my own projects.”
“I can talk it through, but if you ask me to start from scratch, it’d be pretty rough.”
“Why are there so many different ways to style a component? What’s the right way to do it?”
“The syntax is a torture. What are these double curly braces? What are these square brackets?”
“Which is JS? Which is React?”
Tutorials and hands-on excercises are important. But if they stop at only teaching you the “how” — even though giving you the illusion of mastery — your mind will refuse to retain it for the long term.
What else do we need? What are the more effective ways to learn?
I’ve been thinking about this and experimenting for a while. My best answer so far? It’s in the mental models. Our first priority should be constructing proper mental models in our mind. They’d serve as the North Star. They’d cut through the noise, simplify complex things and help us make sense of the knowledge.
We should learn and get into the habit of thinking in React.
This is what the React Mental Models workshops focus on.
This is the first workshop in the series. I’ll cover the most fundamental mental models of React:
You’ll build this simplifed chat room interface and a few simpler exercises.
Prepare to get your hands dirty. You’ll do many exercises. You’ll finish them along with other learners. We’ll review the answers together and hold discussions. We’ll take advantage of the interative nature of the workshop format. As one of the students said, “the playful balance of tension and reward made the workshop learnings far more memorable than the solo studies I do on the couch watching youtube tutorials. ”
I’ll give you a full refund if you are not happy with the result. No hard feelings!