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.

In this chapter์ด ์ฑ•ํ„ฐ์—์„œ ๋‹ค๋ฃฐ ๋‚ด์šฉ

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.

Try React locally

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

Start a new React project

If you want to build an app or a website fully with React, start a new React project.

Add React to an existing project

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

Next steps

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