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: 22 days 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 (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2024-09-15T11:38:48.000Z (about 2 months ago)
• Last Synced: 2024-10-19T19:55:06.286Z (24 days ago)
• Topics: react, shadow-dom, web-components, webpack
• Language: JavaScript
• Homepage: https://sibiraj-s.github.io/react-shadow
• Size: 2.5 MB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# react-shadow [![Tests](https://github.com/sibiraj-s/react-shadow/workflows/Tests/badge.svg)](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

```