React For Beginners Updated and Re-Recorded!

React For Beginners Updated and Re-Recorded!

facebook share

Hey Folks - I totally updated and re-recored every single video on my React for Beginners series.

Just under a year ago I launched — I wanted it to be an accessible, easy to understand and fun introduction to building React applications and website components.

Since then I've had 6,317 developers, designers and even a few marketing folk take the course with me. The feedback has been amazing and the series has continued to be the de facto course where people go to learn React.

React has matured a lot in the past year. The core library has deprecated many things, React Router has seen 5 major version bumps, and ES6 has exploded in popularity. Because of all this, I've spent the last month re-recording and updating the entire series.

This is a free update for anyone who has bought the course in the past. Simply head on over to your account to stream or download the new videos.

To anyone new to the course, it's on sale to celebrate the re-launch. As an added bonus, the next 167 people who use the code JAVASCRIPTMOVESFAST will get an additional $10 off.

What Changed?

  • Switched the build system from gulp and browserify to the much easier to use webpack + create-react-app.

  • The initial tutorial used React.createClass() and then refactored to ES6 Classes. Since ES6 is much more popular now, I've switched to using ES6 classes right away. Of course I have my course if you need any extra help there but I make sure to explain classes for anyone new. I've also added in lots of content to understand method binding and property initializers.

  • Remove use of deprecated linkState, switch to explicitly using value= state and onChange= events

  • Remove all mixin use as React will eventually deprecate mixins.

  • Introduce linting with ESLint

  • upgrade to React Router 4 and it's totally new API

  • Remove use of @autobind decorator

  • Upgrade to babel 6

  • Show how to build and package the application for production

  • Add in 3 deployment videos

  • Removed string refs in favour of function refs as React will likely deprecate string refs in the future

  • Use stateless components when possible and explain when you would use one

  • Remove spreading of ...this.props, only pass what is needed to child components

  • Upgraded to the new Firebase 3.0

Find an issue with this post? Think you could clarify, update or add something?

All my posts are available to edit on Github. Any fix, little or small, is appreciated!

Edit on Github

Syntax Podcast

Hold on — I'm grabbin' the last one.

Listen Now →
Syntax Podcast

@wesbos Instant Grams

Master Gatsby

Master Gatsby

Building modern websites is tough. Preloading, routing, compression, critical CSS, caching, scaling and bundlers all make for blazing fast websites, but extra development and tooling get in the way.

Gatsby is a React.js framework that does it all for you. This course will teach you how to build your websites and let Gatsby take care of all the Hard Stuff™.
I post videos on and code on

Wes Bos © 1999 — 2022

Terms × Privacy Policy