Skip to content

Commit 49dce2f

Browse files
authored
add react examples
1 parent ddf176e commit 49dce2f

File tree

1 file changed

+5
-0
lines changed

1 file changed

+5
-0
lines changed

README.md

+5
Original file line numberDiff line numberDiff line change
@@ -47,6 +47,8 @@ Preact Island helps you build these experiences by adding a lightweight layer on
4747
- [Executed script props](https://codesandbox.io/s/preact-island-element-placement-current-script-props-0dwlyo)
4848
- [Interior script props](https://codesandbox.io/s/interior-script-props-z5rcxg)
4949
- [Mount In script attribute](https://codesandbox.io/s/mount-in-property-z5rcxg)
50+
- [React with Props](https://codesandbox.io/s/preact-island-element-placement-with-props-react-49mjrg)
51+
- [React Portals with Preact Island](https://codesandbox.io/s/preact-island-element-placement-with-props-react-tdss2p)
5052

5153
## Installation
5254

@@ -369,6 +371,9 @@ multiple interior script props are found, all props are merged with the last scr
369371

370372
## React Compatibility
371373

374+
- [React with Props](https://codesandbox.io/s/preact-island-element-placement-with-props-react-49mjrg)
375+
- [React Portals with Preact Island](https://codesandbox.io/s/preact-island-element-placement-with-props-react-tdss2p)
376+
372377
Preact Island fully supports React using [preact/compat](https://preactjs.com/guide/v10/switching-to-preact). This allows you to bring your existing React components over to Preact to get great performance gains without needing to rewrite your components. Check out the `example-react` folder to a demo repo that reproduces some of the Preact islands as React islands.
373378

374379
Depending on what you import from React, using Preact + Preact Island can result in a **15x smaller bundle** for the same functionality and no code changes needed on your end.

0 commit comments

Comments
 (0)