polymer-react | Vaadin

Use React in Polymer 3 elements.

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)

Install

Link to this version
ImportedReleased 27 August 2018MIT License
Framework Support
Polymer 3.0+
Browser Independent
Install with
npm install polymer-react"@1.0.1"
Run the above npm command in your project folder. If you have any issues installing, please contact the author.
Release notes - Version 1.0.1

Dependencies

  • @polymer/polymer#^3.0.5
  • react#^16.4.2
  • react-dom#^16.4.2