astro/examples/framework-react/README.md

# Using React with Astro

```
npm init astro --template framework-react
```

This example showcases Astro's built-in support for [React](https://reactjs.org/).

No configuration is needed to enable React support—just start writing React components in `src/components`.

> **Note**: If used, components _must_ include the JSX factory (ex. `import React from "react"`). Astro is unable to determine which framework is used without having the [JSX factory](https://mariusschulz.com/blog/per-file-jsx-factories-in-typescript#what-is-a-jsx-factory) in scope.
Restructure examples (#568) * rename kitchen sink, pull out react example * split out the rest of the examples * align versions * chore: rename examples * chore: normalize gitignore * chore: update package versions * chore: move framework examples to `framework` namespace * docs: add README to examples Co-authored-by: Austin Crim <crim.austin@principal.com> 2021-06-28 15:46:10 +00:00			`# Using React with Astro`

update example readmes (#591) * update example readmes * Update README.md 2021-07-01 12:43:25 +00:00			```
			`npm init astro --template framework-react`
			```

Restructure examples (#568) * rename kitchen sink, pull out react example * split out the rest of the examples * align versions * chore: rename examples * chore: normalize gitignore * chore: update package versions * chore: move framework examples to `framework` namespace * docs: add README to examples Co-authored-by: Austin Crim <crim.austin@principal.com> 2021-06-28 15:46:10 +00:00			`This example showcases Astro's built-in support for [React](https://reactjs.org/).`

			No configuration is needed to enable React support—just start writing React components in `src/components`.

			> Note: If used, components _must_ include the JSX factory (ex. `import React from "react"`). Astro is unable to determine which framework is used without having the [JSX factory](https://mariusschulz.com/blog/per-file-jsx-factories-in-typescript#what-is-a-jsx-factory) in scope.