GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

  • Tutorials
  • My W3Schools
  • W3Schools app iOS & Android NEW
  • Spaces
  • Get Certified
  • Plus
  • Practice
  • Campus (previously Academy)
  • Logout
  • 
  • 
  • 
  • 
  • Sign in

This view

  • Original page
  • New address

GeezerVison is showing www.w3schools.com — React Tutorial

Menu
Search field
×
See More  
NEW W3Schools app iOS & Android Start the adventure
Sign In
★ +1 Spaces Upgrade Paid Courses Spaces Upgrade Paid Courses
   ❮     
     ❯   
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP C C++ C# AWS W3.CSS HOW TO BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS DSA TYPESCRIPT ANGULAR ANGULARJS GIT POSTGRESQL MONGODB ASP AI R GO KOTLIN SWIFT SASS VUE GEN AI SCIPY CYBERSECURITY DATA SCIENCE INTRO TO PROGRAMMING INTRO TO HTML & CSS BASH RUST TOOLS

React Tutorial

React Home React Intro React Get Started React First App React Render HTML React Upgrade React ES6
React ES6 ES6 Classes ES6 Arrow Functions ES6 Variables ES6 Array map() ES6 Destructuring ES6 Spread Operator ES6 Modules ES6 Ternary Operator ES6 Template Strings
React JSX Intro React JSX Expressions React JSX Attributes React JSX If Statements React Components React Class React Props React Props Destructuring React Props Children React Events React Conditionals React Lists React Forms React Forms Submit React Textarea React Select React Multiple Inputs React Checkbox React Radio React Portals React Suspense React CSS Styling React CSS Modules React CSS-in-JS React Router React Transitions React Forward Ref React HOC React Sass

React Hooks

What is Hooks? React useState React useEffect React useContext React useRef React useReducer React useCallback React useMemo React Custom Hooks

React Cert

React Certificate

React Exercises

React Compiler React Quiz React Exercises React Syllabus React Study Plan React Server React Interview Prep

React Tutorial

❮ Home Next ❯

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.

Learn React now ❯

Become React Certified

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

Get Certified ❯
Example of the W3Schools React certificate

Share

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:

  • 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

Sign Up »

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:

  • 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.


Course Certification

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.

Get Certified Today
W3Schools HTML Certificate
W3Schools Certificate
Coding
Learn it. Practice it. Prove it.

❮ Home Next ❯
★ +1
Sign in to track progress
W3Schools Full Access - your next career move

REMOVE ADS

This way to the W3Schools Adventure app
Learn more about Adventure Mode›

Free account

Track your progress

XP earned 0 Day streak 0 Spaces 0 League —
Sign in to track progress

New

Learn in Adventure Mode W3Schools Adventure App

Coding fundamentals as bite-sized lessons and challenges.

PLUS
SPACES
GET CERTIFIED
FOR TEACHERS
PRACTICE
CONTACT US
×

Contact Sales

If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail:
[email protected]

Report Error

If you want to report an error, or if you want to make a suggestion, send us an e-mail:
[email protected]

Top Tutorials
HTML Tutorial
CSS Tutorial
JavaScript Tutorial
How To Tutorial
SQL Tutorial
Python Tutorial
W3.CSS Tutorial
Bootstrap Tutorial
PHP Tutorial
Java Tutorial
C++ Tutorial
jQuery Tutorial
Top References
HTML Reference
CSS Reference
JavaScript Reference
SQL Reference
Python Reference
W3.CSS Reference
Bootstrap Reference
PHP Reference
HTML Colors
Java Reference
AngularJS Reference
jQuery Reference
Top Examples
HTML Examples
CSS Examples
JavaScript Examples
How To Examples
SQL Examples
Python Examples
W3.CSS Examples
Bootstrap Examples
PHP Examples
Java Examples
XML Examples
jQuery Examples
Get Certified
HTML Certificate
CSS Certificate
JavaScript Certificate
Front End Certificate
SQL Certificate
Python Certificate
PHP Certificate
jQuery Certificate
Java Certificate
C++ Certificate
C# Certificate
XML Certificate
   
FORUM ABOUT CAMPUS
W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning.
Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness
of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookies and privacy policy.

Copyright 1999-2026 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.









You are visitor 01402503 — GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.