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.8 KiB
42 lines
1.8 KiB
7 years ago
|
---
|
||
|
|
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-a-new-app.html): Add React to a build system or a larger app.
|