Q145: How to use Polymer in React? - React & Modern Frontend (445 Qs)

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

Create a Polymer element:

jsx

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

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:

html

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

Use that element in the JSX file:

javascript

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