https://github.com/sibiraj-s/react-shadow
Render React app inside in shadow DOM
https://github.com/sibiraj-s/react-shadow
react shadow-dom web-components webpack
Last synced: about 1 year ago
JSON representation
Render React app inside in shadow DOM
- Host: GitHub
- URL: https://github.com/sibiraj-s/react-shadow
- Owner: sibiraj-s
- License: mit
- Created: 2019-12-07T12:25:39.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2024-10-29T09:02:03.000Z (over 1 year ago)
- Last Synced: 2025-04-13T03:13:50.190Z (about 1 year ago)
- Topics: react, shadow-dom, web-components, webpack
- Language: JavaScript
- Homepage: https://sibiraj-s.github.io/react-shadow
- Size: 2.64 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# react-shadow [](https://github.com/sibiraj-s/react-shadow/actions)
> Render React app inside in shadow DOM.
### Polyfills
Webcomponents are not yet completely supported by all browsers, refer [Can I Use](https://caniuse.com/#search=webcomponents) for stats.
- [core-js](https://www.npmjs.com/package/core-js)
- [@webcomponents/shadydom](https://github.com/webcomponents/polyfills/tree/master/packages/shadydom)
- [@webcomponents/webcomponentsjs](https://github.com/webcomponents/polyfills/tree/master/packages/webcomponentsjs)
### Usage
Clone the repository
```bash
git clone https://github.com/sibiraj-s/react-shadow.git
```
Install the dependencies
```bash
npm install
```
Start the app
```bash
npm run dev
```
Build the app
```bash
npm run build
```