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.
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 W3Schools account and get access to more features and learning materials:
- CheckmarkView your completed tutorials, exercises, and quizzes
- CheckmarkKeep an eye on your progress and daily streaks
- CheckmarkJoin the leaderboard and compete with others
- CheckmarkGet your own avatar and unlock new skins
- CheckmarkCreate 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.
Get Certified in coding
Complete the W3Schools coding course, strengthen your knowledge, and earn a certificate you can add to your CV, portfolio, and LinkedIn profile.