0
Fork 0
mirror of https://github.com/withastro/astro.git synced 2024-12-23 21:53:55 -05:00
astro/examples/framework-react
Fred K. Schott b03f877102 Revert "Version Packages (#1303)"
This reverts commit 1a88cfde7d.
2021-09-09 10:53:52 -07:00
..
public make example favicons prefer non-dark mode 2021-08-17 22:33:42 -07:00
src cleanup example favicons 2021-08-16 14:34:08 -07:00
.gitignore
.npmrc
astro.config.mjs Add zod schema validation (#1198) 2021-08-23 14:07:03 -07:00
package.json Revert "Version Packages (#1303)" 2021-09-09 10:53:52 -07:00
README.md Expose JSX compilation to renderers (#588) 2021-07-21 18:10:03 -05:00
tsconfig.json [ci] yarn format 2021-08-13 23:32:55 +00:00

Using React with Astro

This example showcases Astro's built-in support for React.

Installation

Automatic

Bootstrap your Astro project with this template!

npm init astro -- --template framework-react

Manual

To use React components in your Astro project:

  1. Install @astrojs/renderer-react

    npm i @astrojs/renderer-react
    
  2. Add "@astrojs/renderer-react" to your renderers in astro.config.mjs.

    export default {
      renderers: [
        "@astrojs/renderer-react",
        // optionally, others...
      ]
    }
    

Usage

Write your React components as .jsx or .tsx files in your project.