You’ve heard the hype. Everyone and their cat is talking about React.js, the JavaScript UI Library from Facebook. That’s because it takes a dramatically different approach to building UIs, an approach that is showing up in competing frameworks like Ember and Angular.  

This mini course is a gentle introduction to the most fundamental and practical parts of React. You’ll get an excellent, hands-on experience in building React components from the ground up. 

In our second lesson, we'll wrap up with a beautiful, functional, lap-counting stopwatch which you can build in just 30 minutes. Don’t believe me? I’ll prove it. React.js makes it easy to build interactive UIs with very little code. Get ready to build stateful UIs with React.js including state-management, conditional rendering, and capturing time.

Ready to dive into a full React course? Check out our course <a href="https://www.sitepoint.com/premium/courses/react-the-es6-way-2914">React The ES6 Way</a> for a beginners course into React with ES6. If you'd like to learn ES6 first before starting our React course, check out <a href="https://www.sitepoint.com/premium/courses/diving-into-es2015-2924">Diving into ES2016</a>. Next on your list is <a href="https://www.sitepoint.com/premium/courses/forms-with-react-and-redux-2935">Forms with React and Redux</a>, especially if you're integrating forms in your next React app.

React Tips

Building a Stopwatch with React

JavaScript

Hands-on React to Get You Started Quickly

Description for Building a Stopwatch with React