mirror of
https://github.com/reactjs/react.dev.git
synced 2026-02-24 12:43:05 +00:00
7fafb9f916
* Break out Installation into top-level doc section * Update navigation (prev/next, nav tree) - Move Installation section to top - Add next/prev to install pages * add links to other install options from try react page * fix markdown link * Clarify that Quick Start and Install are optional "next steps" * Add top-level CDN page This is useful for Codepen and other Unpkg-y setups * Add link to Tutorial from Try React * Update CRA link in tutorial * Make Try React subheader a proper sentence * Add "minimal" * Explain local dev setup is more work than Codepen etc * Fix typos * Add : between headings * add note that CRA is not lightweight * fix typo * Update add-react-to-a-new-app.md * Update add-react-to-a-new-app.md * Remove the Bower note * Update try-react.md * Tweak wording * Use direct link
42 lines
1.8 KiB
Markdown
42 lines
1.8 KiB
Markdown
---
|
|
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.
|