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.
Start learning React now ❯Tip: Sign in to track your progress - it's free.
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 />
);
Learning by Exercises
Many chapters in this tutorial end with an exercise where you can check you level of knowledge.
React Quiz
Test your React skills with a quiz.
Track Your Progress
Create a free 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
- Set goals and create learning paths
- 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.
