React Tutorial

Learning by Examples

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

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

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

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

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

What You Should Already Know

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

• HTML
• CSS
• JavaScript

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.