SitePoint
  • Premium
  • Library
  • Community
  • Jobs
  • Blog
LoginStart Free Trial

The home for developers

Track your course progress, manage projects, and find your dream job - all in one place.

Start Your Free Trial

7 Day Free Trial. Cancel Anytime.

SitePoint Premium

  • Access to 700+ courses
  • Publish articles on SitePoint
  • Daily curated jobs
  • Learning Paths
  • Discounts to dev tools
  • Library/
  • Video courses/
  • Hands-on React to Get You Started Quickly
Hands-on React to Get You Started Quickly

Hands-on React to Get You Started Quickly

Bite size lessons on Facebooks JavaScript UI library, React.


Course details

4.2∙6 Ratings2 reviews

Published
May 2017
Videos
12
Duration
1h 13m
Happy students
1381

Take this course

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.

Course Instructor

Michael Chan

Michael Chan

Michael is obsessed with teaching. He designs at Planning Center Online, organizes Full Stack Talks in San Diego, and teaches React.js at SitePoint. He thinks his wife and two ridiculous kids are super great. Also ramen.

Course Outline

Lesson 1: React Tips
  • Free
    Getting Started with React
    5:35
  • Locked
    Introducing the One-Way Data Flow with React
    5:15
  • Locked
    Using Props to Pass Data in React
    5:13
  • Locked
    An Introduction to Component States in React
    5:13
  • Locked
    Understanding React Events
    4:56
  • Locked
    Controlled Components vs Uncontrolled Components in React
    5:37
  • Locked
    Using map() to Create Lists in React
    5:22
  • Locked
    Using Webpack to Transform JSX
    8:10
Lesson 2: Building a Stopwatch with React

Reviews
4.2

5 total

1
4
0
0
0

Course details

4.2∙6 Ratings2 reviews

Published
May 2017
Videos
12
Duration
1h 13m
Happy students
1381

Take this course
SitePoint

Stuff we do

  • Premium
  • Newsletters
  • Learning paths
  • Library
  • Forums

Contact

  • Contact us
  • FAQ
  • Publish your book
  • Write an article
  • Advertise

About

  • Our Story
  • Corporate Memberships
  • Start free trial
  • Login

Connect

  • RSS
  • Facebook
  • Twitter (X)
  • Instagram

Subscribe to our newsletter

Get the freshest news and resources for developers, designers and digital creators in your inbox each week

© 2000 – 2025 SitePoint Pty. Ltd.

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Terms of usePrivacy policy