react.dev/content/docs/add-react-to-a-new-app.md

id	title	permalink	prev	next
add-react-to-a-new-app	Add React to a New Application	docs/add-react-to-a-new-app.html	try-react.html	add-react-to-an-existing-app.html

The easiest way to get started on a new React project is by using a starter kit.

Note:

Check out the Try React page if you are looking for lightweight environments to experiment with React. The options on this page are designed to help bootstrap single-page applications with linting, testing, bundling, production optimizations, and more.

Create React App

Create React App is the best way to start building a new React single page application. It sets up your development environment so that you can use the latest JavaScript features, provides a nice developer experience, and optimizes your app for production. You’ll need to have Node >= 6 on your machine.

npm install -g create-react-app
create-react-app my-app

cd my-app
npm start

If you have npm 5.2.0+ installed, you may use npx instead.

npx create-react-app my-app

cd my-app
npm start

Create React App doesn't handle backend logic or databases; it just creates a frontend build pipeline, so you can use it with any backend you want. It uses build tools like Babel and webpack under the hood, but works with zero configuration.

When you're ready to deploy to production, running npm run build will create an optimized build of your app in the build folder. You can learn more about Create React App from its README and the User Guide.

Other Starter Kits

See the Community section for a list of starter kits.

Advanced

If you prefer to configure a project manually, see Installing React in the next section.