History

github-actions[bot] 3963cef963 Version Packages (#1181 ) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>		2021-08-23 15:59:55 -04: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	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 (#1181 )	2021-08-23 15:59:55 -04: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.