Extensive Firebase Authentication in Polymer

Question

I am currently building an application in polymer 1.7 with firebase integration. Integration also uses iron pages from the starter kit.

My question is to understand the best available or suitable pattern for better use.

  index.html: <app></app>
    app.html: 
      <firebase-app>
      <firebase-auth>
      <firebase-document> (query)
      <firebase-document> (query)

      <iron-pages>
        <profile uid="[[user]]" data="[[data]]">
        <login uid="[[user]]">
        <contact>
        <latest data="[[data]]">

I have a built-in page switcher that works fine, but the transmission in the user connection happens every time if I want to authenticate the page, it seems confusing.

In addition, I want to separate it so that the request is executed inside the component, it receives all the necessary information. I am currently creating a massive app.htmlone and it does not seem to write the principles of web components.

What is the recommendation?

Answer 1

<iron-meta> dom <iron-meta-query> .

, -,

<iron-meta id="data" key="shared" value='{
     "id": "1"
   }'>
</iron-meta>

, ,

<iron-meta-query key="shared" value="{{sharedValue}}">

<iron-meta> .