How to use Polymer in React?

You need to follow below steps to use Polymer in React,

1. Create a Polymer element:

<link
rel="import"
href="../../bower_components/polymer/polymer.html"
/>;
Polymer({
is: "calendar-element",
ready: function () {
this.textContent = "I am a calendar";
},
});

2. Create the Polymer component HTML tag by importing it in a HTML document, e.g. import it in the index.html of your React application:

<link
rel="import"
href="./src/polymer-components/calendar-element.html"
/>

3. Use that element in the JSX file:

export default function MyComponent {
return <calendar-element />;
}