I just launched a new course on ES6! Use the code WESBOS for $10 off.

Strengthen your core JavaScript skills and master all that ES6 has to offer. Start Now →

React For Beginners Updated and Re-Recorded!

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

Just under a year ago I launched ReactForBeginners.com — 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?

  1. Switched the build system from gulp and browserify to the much easier to use webpack + create-react-app.
  2. 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 ES6.io 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.
  3. Remove use of deprecated linkState, switch to explicitly using value= state and onChange= events
  4. Remove all mixin use as React will eventually deprecate mixins.
  5. Introduce linting with ESLint
  6. upgrade to React Router 4 and it’s totally new API
  7. Remove use of @autobind decorator
  8. Upgrade to babel 6
  9. Show how to build and package the application for production
  10. Add in 3 deployment videos
  11. Removed string refs in favour of function refs as React will likely deprecate string refs in the future
  12. Use stateless components when possible and explain when you would use one
  13. Remove spreading of …this.props, only pass what is needed to child components
  14. Upgraded to the new Firebase 3.0
This entry was posted in JavaScript. Bookmark the permalink.

Leave a Reply

Your email address will not be published. Required fields are marked *