History

Fred K. Schott 5e0e276609 cleanup example favicons		2021-08-16 14:34:08 -07:00
..
public	cleanup example favicons	2021-08-16 14:34:08 -07:00
src	cleanup example favicons	2021-08-16 14:34:08 -07:00
.gitignore	Restructure examples (#568 )	2021-06-28 10:46:10 -05:00
.npmrc	Restructure examples (#568 )	2021-06-28 10:46:10 -05:00
astro.config.mjs	[ci] yarn format	2021-07-20 04:07:49 +00:00
package.json	Version Packages (next) (#1092 )	2021-08-12 01:39:34 -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

Bootstrap your Astro project with this template!

npm init astro -- --template framework-react

To use React components in your Astro project:

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

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

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