Hands-on React to Get You Started Quickly

4.2 Average Customer Rating

Bite size lessons on Facebooks JavaScript UI library, React.

  • 12 Videos
  • 1 hours 13 minutes
  • 1381 Happy Students

About the course

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 React The ES6 Way for a beginners course into React with ES6. If you’d like to learn ES6 first before starting our React course, check out Diving into ES2016. Next on your list is Forms with React and Redux, especially if you’re integrating forms in your next React app.

  • 12 Videos
  • 1 hours 13 minutes
  • 1381 Happy Students

Courses Outline

Lesson 1: React Tips
Getting Started with React
Introducing the One-Way Data Flow with React
Using Props to Pass Data in React
An Introduction to Component States in React
Understanding React Events
Controlled Components vs Uncontrolled Components in React
Using map() to Create Lists in React
Using Webpack to Transform JSX
Lesson 2: Building a Stopwatch with React
Capturing Time
Conditional Rendering
Adding a Lap Logger
Using className to Add Style
  • 12 Videos
  • 1 hours 13 minutes
  • 1381 Happy Students