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/
  • Introduction to React
Introduction to React

Introduction to React

Get to know the world’s most popular JavaScript front-end framework by building a swag shop project!


Course details

3.8∙45 Ratings13 reviews

Published
December 2017
Videos
14
Duration
3h 8m
Happy students
4019

Take this course

About the course

React is the most popular JavaScript library for building user interfaces, and it has been for some time. Aside from making modern web UI development a breeze, React is one of the most in-demand skillsets on the job market right now. It’s declarative and considered more flexible than other frameworks like Vue. In this course, you’ll get a thorough introduction to real-world React. We’ll introduce you to the tools that’ll help you get ahead and create a React skeleton project. Then we’ll start building our project, an online swag shop, diving into promises, components, props, state, data services and notifications. By the end, you’ll have learned everything you need to know to start building web apps with React, and worked with some other high-demand technologies along the way, such as Node and MongoDB.

Course Instructor

Mark Price

Mark Price

An experienced mobile developer, app designer, app enthusiast, and app-trepreneur. My passion is helping people reveal hidden talents, guiding them into the world of startups and programming and helping them make amazing salaries as engineers.

Course Outline

Lesson 1: Intro to React
  • Free
    Setting up React Tooling
    18:36
  • Locked
    Installing Bootstrap
    11:06
  • Locked
    Setting up the API
    6:06
  • Locked
    Creating a HTTP Service
    18:41
  • Locked
    Promises with ES6 and React
    12:00
  • Locked
    Components in React
    13:27
  • Locked
    Props in React
    10:42
  • Locked
    Working with State in React
    13:22
  • Locked
    Creating a WishList Component
    24:29
  • Locked
    Building a Singleton Data Service
    11:02
  • Locked
    Creating a Notification Service
    12:49
  • Locked
    Posting Notifications to React Components
    7:09
  • Locked
    Observing Notifications in React
    13:27
  • Locked
    Finishing our Full Stack React App
    15:52

Reviews
3.8

34 total

19
10
2
3
0

Course details

3.8∙45 Ratings13 reviews

Published
December 2017
Videos
14
Duration
3h 8m
Happy students
4019

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