Installation

React has been designed from the start for gradual adoption. You can use as little or as much React as you need. Whether you want to get a taste of React, add some interactivity to an HTML page, or start a complex React-powered app, this section will help you get started.

Try React

You don’t need to install anything to play with React. Try editing this sandbox!

function Greeting({ name }) {
  return <h1>Hello, {name}</h1>;
}

export default function App() {
  return <Greeting name="world" />
}

You can edit it directly or open it in a new tab by pressing the β€œFork” button in the upper right corner.

Most pages in the React documentation contain sandboxes like this. Outside of the React documentation, there are many online sandboxes that support React: for example, CodeSandbox, StackBlitz, or CodePen.

To try React locally on your computer, download this HTML page. Open it in your editor and in your browser!

Creating a React App

If you want to start a new React app, you can create a React app using a recommended framework.

Build a React App from Scratch

If a framework is not a good fit for your project, you prefer to build your own framework, or you just want to learn the basics of a React app you can build a React app from scratch.

Add React to an existing project

If want to try using React in your existing app or a website, you can add React to an existing project.

Note

Should I use Create React App?

No. Create React App has been deprecated. For more information, see Sunsetting Create React App.

Next steps

Head to the Quick Start guide for a tour of the most important React concepts you will encounter every day.