🔥 Totally updated with the latest best practices in React, ES6, React Router 4 and more. Free update to all 9,393 of you who have already purchased the course. Enjoy!

ReactForBeginnersUpdated & Re-Recorded!

Join 9,393 others.
Upgrade your JavaScript skills.
Learn React.js in just a couple of afternoons.

A premium step-by-step training course to get you building real world React.js + Firebase apps and website components.

Start Learning Now
My Account →

It's time to learn React.js

With a focus on simplicity and readability, this course will have you building real time applications and dynamic website components in no time!

Together, we will build “Catch of the Day” — a real-time app for a trendy seafood market where price and quantity available are variable and can change at a moment's notice. We will build a menu, an order form, and an inventory management area where authorized users can immediately update product details.

You can try it out here or get the course if you are already convinced.

Wes Bos, the author of Sublime Text Power User

Meet Wes Bos

Wes Bos is a Full Stack Developer, Speaker and Teacher from Canada. He works as an independent web developer and teaches as a lead instructor with HackerYou and Ladies Learning Code. Wes has taught over 500 students in 200+ classes and spoken at dozens of conferences around the world.

Wes is the author of ES6.io, Sublime Text Power User, which together have sold over 10,000 copies, and the creator of Flexbox.io, Command Line Power User, Learn Redux and hundreds of YouTube Tutorials.

JavaScript is everywhere now, as is React, and having strong React skills is a great way to get ahead with building modern web apps right now. Wes' teaching style is amongst the best in our industry and I'd recommend this course to anyone looking to get better at both JavaScript and React.
Peter Cooper@petercEditor of JavaScript Weekly • Chair of O'Reilly @FluentConf • Co-chair of O'Reilly OSCON
Wes is one of the most talented teachers I have ever seen in action. Since we started working together in 2012, his knowledge, energy and humour has helped 500+ students break past difficult learning hurdles and given them the skills and confidence to create amazing things. HackerYou wouldn’t be the same without Wes on our instructor team, and anyone who has the chance to learn from him should prepare to be inspired and delighted.
Heather Payne@heatherpayneCEO of HackerYou • Founder of Ladies Learning Code

What Will I Learn?


  • How to build an entire App or Website Component in React.js from start to finish.
  • Working with create-react-app for Webpack Tooling
  • Understanding React Components and writing markup with JSX
  • Maintain your Application's State
  • Communication between components
  • Working with State and HTML5 LocalStorage
  • Real time web socket data with Firebase
  • Creating maintainable code with JavaScript Modules
  • URL routing with React Router 4
  • Taking advantage of new ES6 Features
  • Deploying React Applications
  • + So much more — Check below for a full listing of videos

Who is this for?


Anyone looking to modernize their front end development skill set. If you are already an experienced JavaScript developer, you will simply complete the course a little more quickly.

  • Developers reliant on jQuery who want to improve how they build with JavaScript
  • Angular, Ember or Backbone developers looking to grok how React works
  • PHP & WordPress Developers - React tends to jive well with those who are used to PHP as it was built for Facebook
  • Developers looking to add interactive or real time pieces to existing websites
  • Anyone who wants to get better at JavaScript and learns well from seeing both fundamental and advanced concepts in practice

Not sure if it's for you?

100% money back if you don't think it's a good fit 💰

Video pacing is just right - fast enough to keep you interested without passing by or assuming any details.

Closed Captioning is provided for every video.

The Course Modules

Each video breaks down a specific part of React and allows for quick referencing in the future.

Just under 5 hours of video — learn React in an afternoon or two!

  1. Introduction, Tooling and Editor Setup

    10:43#1
  2. Thinking and Understanding React Components

    7:25#2
  3. Creating our First Components

    10:01#3
  4. Writing HTML with JSX

    6:43#4
  5. Loading CSS into our React Application

    2:17#5
  6. Creating our application layout with components

    5:09#6
  7. Passing Dynamic data with props

    6:53#7
  8. Stateless Functional Components

    3:12#8
  9. Routing with React Router

    6:53#9
  10. Helper and Utility Functions

    3:23#10
  11. Working with React Events

    14:16#11
  12. All About React Router

    6:32#12
  13. Understanding State

    23:54#13
  14. Loading data into state onClick

    4:23#14
  15. Displaying State with JSX

    10:32#15
  16. Updating Order State

    10:22#16
  17. Displaying Order State with JSX

    11:46#17
  18. Persisting our State with Firebase

    13:25#18
  19. Persisting Order State with localstorage

    10:46#19
  20. Bi-directional Data Flow and Live State Editing

    15:00#20
  21. Removing Items from State

    7:51#21
  22. Animating React Components

    21:21#22
  23. Component Validation with PropTypes

    9:17#23
  24. Authentication

    23:35#24
  25. Building React for Production

    3:03#25
  26. Deploying to now.sh

    6:21#26
  27. Deploying to GitHub Pages

    6:54#27
  28. Deploying to an Apache Server

    5:15#28
  29. Future React Today - Property Initializers and getting rid of .bind()

    6:21#29
  30. Ejecting from create-react-app

    5:02#30

Course Packages

Starter Course

  • First 22 HD Video Tutorials
  • All Source Code — build files, npm scripts and Starter Files for each video
  • Stream course from any device
  • Unlimited Updates
  • SlackExclusive access to the React for Beginners Slack Chat Room where you can ask me for help and chat with other learners
Get the Starter Course $89$62

Join 9,393 other React.js Learners

Master Package

  • Access to all 30 HD Videos — see above for a full listing of topics
  • Component Interaction + Animation
  • Integrating a Login with FireBase Authentication
  • Source Code — build system and Starter Files for each video
  • Ejecting to Webpack
  • Future React - ES2017 and beyond!
  • Stream and Download DRM-free files from any device
  • Unlimited Updates
  • SlackExclusive access to the React for Beginners Slack Chat Room where you can ask me for help and chat with other learners
Get The Master Package $127$72

9,393 already sold!

Team License

Purchase a team license to get your entire team — of up to 10 — building with React. This includes everything in the master package.
I'm also available for on-site training — contact me for more info!

Get a Team License $350$225

All prices in USD

What Is React?

ReactJS is a JavaScript library that has become the tool of choice for easily building dynamic user interfaces. The power is in the Virtual Dom — when your application's data changes, React figures out which parts of your document need to be changed, and immediately update only those parts.

Hundreds of thousands of developers from small agencies to large companies use React to deliver top notch experiences in their apps and dynamic website components.

Like who? Facebook.com is made up of thousands of React components. Instagram web viewer is entirely built in React. The brand new Netflix movie browsing experience is powered by React. And many, many more...

FacebookInstagramNetflixAirbnbNHLDropbox

FAQ

I lost my email. Can you resend me my access + receipt info?

Log into your account, or create an account with the same email you used to buy the series.

What version of React was this created for?

This series was just totally re-recorded to reflect the latest changes and best practices in React 15, React Router 4 and Firebase 3.

What format are the videos? How do I watch them? Can I download them?

Once you buy a package, you will be mailed access to a course viewer area where you can stream all the videos. Buyers of the Master Package will also be able to download them for offline viewing. All the videos were recorded at 1920×1080.

What if I'm not thrilled?

I want to make sure you get real value out of this so I only want your money if you are happy with the product! If you aren't satisfied, please send an email to wes@wesbos.com with a copy of your receipt and I will refund you.

Do you offer a student discount?

Absolutely! Send me an email with some proof that you are a student - such as from your student email address - and I'll send you a discount code. This applies to anyone in any type of schooling, including evening classes and coding bootcamps! Please note that the student discount is not valid during the Black Friday sale.

Does this video series cover Flux? Redux? Fluxible? Reflux? Alt? Flummox? Marty.js? McFly? Lux? Material Flux? Nuclear.js? Fluxette? Flipity Flop? Fluppity Floop?

React is amazing in that there are many libraries that work really well with it. While those libraries are fantastic, they may add unnecessary abstractions when learning. The creator of Redux even says so.

So, this course is focused on you absolutely nailing React and walking away feeling confident in your understanding, hungry to learn and build more. Once you finish this course, you can take my free Learn Redux as a perfect next steps.

I have another question!

Sure - email me at wes@wesbos.com or give me a call 416-833-3641!

×

React For Beginners

Package

Secure SSL Payment via Stripe

Secure SSL Payment via PayPal