Is it possible to use Polymer inside of React?

Question

I have been using React and look to use Polymer tags inside of React. React does not recognize Polymer tags as React only handles basic DOM tags. Is there a way to add the Polymer tags to React DOM library?

Answer 1

Yes, it is possible.

1. Create a polymer element.

   <link rel="import" href="../../bower_components/polymer/polymer.html"> 

   Polymer({     is: 'calender-element',     ready: function(){         this.textContent = "I am a calender";     } }); 

2. Make the polymer component a html tag by importing it in a html page. E.g. import it in the index.html of your react application.

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

3. Use that element in the jsx file.

   'use strict';  import React from 'react';  class MyComponent extends React.Component{     render(){         return (             <calender-element></calender-element>         );     } }  export default MyComponent;