# Using React with Astro This example showcases Astro's built-in support for [React](https://reactjs.org/). ## Installation ### Automatic Bootstrap your Astro project with this template! ```shell npm init astro -- --template framework-react ``` ### Manual To use React components in your Astro project: 1. Install `@astrojs/renderer-react` ```shell npm i @astrojs/renderer-react ``` 2. Add `"@astrojs/renderer-react"` to your `renderers` in `astro.config.mjs`. ```js export default { renderers: [ "@astrojs/renderer-react", // optionally, others... ] } ``` ## Usage Write your React components as `.jsx` or `.tsx` files in your project. 28299b13178ef1a412eed37ab7909'/> Unnamed repository; edit this file 'description' to name the repository.
aboutsummaryrefslogtreecommitdiff
path: root/examples/framework-multiple/.stackblitzrc (unfollow)
AgeCommit message (Collapse)AuthorFilesLines
2022-05-11Fix APIRoute type (#3344)Gravatar Matthew Phillips 3-11/+8
* Fix APIRoute type * Adds a changeset * Update usage of the two API route signatures
2022-05-11[create-astro] Finalize developer experience... with gradients 🚀 (#3313)Gravatar Ben Holmes 5-23/+123
* wip: port gradient helpers from sandbox ideas * feat: wire up rocket gradient 🚀 * feat: wire up rocket gradient on install step * refactor: update "next steps" wording * deps: add chalk (for rendering gradient) * chore: changeset * chore: clean up sstray template string