You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

42 lines
1.9 KiB

---
id: try-react
title: Try React
permalink: docs/try-react.html
next: add-react-to-a-new-app.html
redirect_from:
- "docs/installation.html"
- "download.html"
- "downloads.html"
- "docs/tooling-integration.html"
- "docs/package-management.html"
- "docs/language-tooling.html"
- "docs/environments.html"
---
Try React online or set up your local development environment.
## Online
If you're just interested in playing around with React, you can use an online code playground. Try a Hello World template on [CodePen](codepen://hello-world) or [CodeSandbox](https://codesandbox.io/s/new).
## Minimal HTML Template
If you prefer to use your own text editor, you can also [download this HTML file](https://raw.githubusercontent.com/reactjs/reactjs.org/master/static/html/single-file-example.html), edit it, and open it from the local filesystem in your browser. It does a slow runtime code transformation, so don't use it in production.
## Next Steps
### Quick Start
- Head over to the [Quick Start](/docs/hello-world.html) section for a step-by-step introduction to React concepts.
- Try the [Tutorial](/tutorial/tutorial.html) for a hands-on practical example.
### Complete Development Environment
The lightweight solutions above are the best fit if you are new to React or just experimenting.
When you are ready to build your first application with React, check out the install guides below. These setups are designed to get you up and running with a great developer experience and are ready for production. They include linting, testing, and optimizations built-in; however, they require more time and disk space to set up and install.
- [Add React to a New App](/docs/add-react-to-a-new-app.html): Create a new app with a fully-featured starter kit.
- [Add React to an Existing App](/docs/add-react-to-an-existing-app.html): Add React to a build system or a larger app.