React Tutorial

Learn React, a JavaScript library for building user interfaces.

React Introduction

React is a free and open-source front-end JavaScript library for building user interfaces based on UI components.

It is maintained by Meta and a community of individual developers and companies.

React can be used as a base in the development of single-page or mobile applications.

React Example

index.jsx

import React from 'react';
import ReactDOM from 'react-dom/client';

function HelloWorld() {
  return <h1>Hello, React!</h1>;
}

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(<HelloWorld />);

Why React?

React has become one of the most popular JavaScript libraries for front-end development.

Component-Based

Build encapsulated components that manage their own state.

Declarative

React makes it painless to create interactive UIs. Design simple views for each state in your application.

Learn Once, Write Anywhere

You can develop new features in React without rewriting existing code.

Virtual DOM

React uses a virtual DOM to efficiently update and render components.

Previous: JS Tutorial Next: React Components