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			```
Docs: npm@7 requires an extra `--` for arguments passed to the command, per @natemoo-re's description. (#786) 2021-07-21 01:06:11 +00:00			`npm init astro -- --template framework-react`
update example readmes (#591) * update example readmes * Update README.md 2021-07-01 12:43:25 +00:00			```

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.