React Tutorial

Learn React

React is a JavaScript library for building user interfaces.

React is used to build single-page applications.

React allows us to create reusable UI components.

Become React Certified

Get certified with our React exam, includes a professionally curated study kit to guide you from beginner to exam-ready.

$95

one-time Get Certified ❯

Learning by Examples

Our "Show React" tool makes it easy to demonstrate React. It shows both the code and the result.

Example:

import { createRoot } from 'react-dom/client';

function Hello() {
  return (
    <h1>Hello World!</h1>
  );
}

createRoot(document.getElementById('root')).render(
  <Hello />
);

Run Example »

Learning by Exercises

Many chapters in this tutorial end with an exercise where you can check you level of knowledge.

See all React Exercises

React Quiz

Test your React skills with a quiz.

React Quiz

Track Your Progress

Create a W3Schools account and get access to more features and learning materials:

View your completed tutorials, exercises, and quizzes
Keep an eye on your progress and daily streaks
Join the leaderboard and compete with others
Get your own avatar and unlock new skins
Create your own personal website

Note

This is an optional feature. You can study at W3Schools without creating an account.

What You Should Already Know

Before you continue you should have a basic understanding of the following:

If you want to study these subjects first, find the tutorials on our Home page.

In addition, you should also have some experience with the new JavaScript features introduced in ECMAScript 6 (ES6), you will learn about them in the React ES6 chapter.

Course Certification