polymer-react

Use React in Polymer 3 elements.

Usage no npm install needed!

<script type="module">
  import polymerReact from 'https://cdn.skypack.dev/polymer-react';
</script>

README

polymer-react Published on webcomponents.org npm version

Use React in Polymer 3 elements.

Usage

import {PolymerElement, html} from '@polymer/polymer/polymer-element.js'
import React from 'react'

import 'polymer-react'

export class PRExample extends PolymerElement {
  const props = {
    bar: 10
  }

  static get template () {
    return html```
      <polymer-react render="[[render]]" props="[[props]]"></polymer-react>
    ```
  }

  render (props) {
    return <YourReactElement foo={props.bar}></YourReactElement>
  }
}

customElements.define('pr-example', PRExample)