Last Updated: January 28, 2019
·
4.531K
· optilude

Using Polymer web components with Meteor

See https://github.com/optilude/polymer-meteor for an example of using Polymer web components (http://www.polymer-project.org/) with Meteor.

The approach here is to use Bower to install Polymer into the public/ folder of the Meteor app. This means that all the Meteor magic is bypassed and these can be rendered as "static" client-side resources.

Custom web components also go in public/ and, crucially, are client-side only and not using Meteor reactive templates. (I'm not sure if you'd ever want to do this, but given that both Polymer and Meteor has a "reactivity" concept, and they're quite different, this would bend my mind in unpleasant ways).

An application using Polymer tags can be assembled using normal Meteor reactive templates. See client/index.{html,js} and client/pages/social.{html,js} for examples.

2 Responses
Add your response

what about templates?

Looks like polymer templates are not valid meteor templates.

over 1 year ago ·

"Looks like polymer templates are not valid meteor templates."

Seems, it's doesn't matter at all, because Polymer components are very isolated, defined statically (for Meteor it's jsut new HTML tags) and are used only on the client. Polymer component has own interface to configure it. So, I'm not sure, but it seems Meteor templates just passed the data to Polymer component via his own parameters (attributes) and forgot about it. After that Polymer component do all their work.

over 1 year ago ·