The Beginner's Guide to ReactJS
December 18, 2017
The course is free forever on Egghead.io! Let's talk about how it teaches even developers experienced with React ⚛️
Yesterday my two new ReactJS courses were published on Egghead.io. Read more about them here. I had high hopes for this release, but the response has been way more positive than I had expected. The announcement post got in Medium's top 20 posts yesterday and my courses have had over 250 hours watched already! If you haven't seen them yet, give them a look! If you have, I hope you loved them!
Two weeks ago, my newsletter was an overview of the Advanced React Component Patterns course (that's been published today!) This week I'd like to talk a little bit about the other course that was published: The Beginner's Guide to ReactJS.
In the beginner's course every lesson is an individual
index.html file. No
more than that. The reason is I wanted to keep things as simple and isolated as
possible. There's absolutely no tooling necessary. Nothing to get in the way of
In addition, the course starts out with a totally blank slate. The first lesson
builds out the
index.html from scratch. But the first thing I do isn't include
React at all. Instead I build a "Hello World" by using
I slowly introduce React APIs as we go through the course.
When I really started to "get" React is when I realized that everything is "just
soon as possible. Right from the beginning I
console.log what you get back
React.createElement to show that React elements aren't magic. They're
To take things even further. When I show JSX (seriously, when teaching React to
beginners, please don't start with JSX), I make it really clear that JSX is a
fairly straightforward abstraction on top of
React.createElement. I spend a
fair amount of time showing tips and tricks of how to use the JSX syntax and how
rendering an element to drive it in further. All of this is to stress the fact
the way you think about JSX and React components.
There's a lot more to the course than these ultra-basics. But I think that
nailing these are foundational to a good solid understanding of React. If you
ever teach a total beginner React, make sure that you help them get a solid
understanding that creating React elements is not magic and that JSX is a really
simple abstraction on top of
React.createElement. Once they get that, then
learning the rest will come much more easily. Then they too can feel like they
can do magic!
I hope that's helpful (and that the free course will be helpful to you as well). Good luck!
Things to not miss:
- Why Funding Open Source is Hard — Alternate title: "Why Code Sponsor is shutting down after raising \$10k for OSS developers in 4 months").
- Learn React Fundamentals and Advanced Patterns — I'm just pretty excited about the course release!
- Egghead.io Sale — Save 30% on a year subscription!
ReactPrimer- React component prototyping tool that generates fully connected class component code.
- Using Glitch as a UNIX command line playground — Interesting idea!