React is still one of the most popular JavaScript libraries for building user interfaces. If you are a front-end developer, it is super helpful to know React.

We just published a brand-new, 12-hour React course on the YouTube channel. In this course, you will React by building eight real-world projects and solving 140+ coding challenges.

Bob Ziroll teaches this course. Bob is the Head of Education at Scrimba and his previous React course is one of the most popular React courses on YouTube.

Here are the projects you will build:

React facts site

Your very first React app will be a static site about React! This gives you an intro to the basic principles of the library.

React facts site.

Solo project: Digital business card

You'll wrap up the first section by completing your first Solo Project - a digital business card.

Digital business card.

AirBnB Experiences clone

You'll take your React skills to the next level by creating an AirBnB Experiences clone.

AirBnb Experiences clone.

Solo project: Travel journal

Your second Solo Project is a travel journal.

Travel journal.

Meme generator

In section 3, Bob guides you through building his classic meme generator, updated with the newest React features.

Meme generator.

Notes app

You'll get to know even more features of React by building this handy notes app.

Notes app.

Tenzies game

Your first React game will be the popular dice game, Tenzies.

Tenzies game.

Solo Project: Quizzical

To finish up the course, you'll build a fun quiz app to consolidate everything you've learned.


Here are the topics you will learn about in this comprehensive course:

  • Local setup
  • Why React?
  • JSX
  • ReactDOM.render()
  • Custom components
  • Organizing components
  • Reusable components
  • JS inside JSX
  • Props
  • Destructuring props
  • Rendering arrays
  • Mapping components
  • Key prop
  • Passing objects as props
  • Spreading objects as props
  • Props vs state
  • useState
  • useState array destructuring
  • Changing state
  • Complex state
  • Refactoring state
  • Passing state as props
  • Local state
  • Unified state
  • Conditional rendering
  • React forms
  • Forms input
  • Forms state object
  • Submitting forms in React
  • Making API calls
  • useEffect
  • Async functions inside useEffect
  • Local storage with React
  • Lazy state initialization

Watch the full course below or on the YouTube channel (12-hour watch).