Compartiendo componentes de polímero Parte 2

En la primera parte de esta serie, repasé cómo configurar el nuevo plato de calderas, elemento sin título, que el equipo de Polymer creó para hacer que crear y compartir componentes de Polymer sea sustancialmente más fácil.

En el siguiente tutorial, profundizaré en lo que elemento sin título incluye, como su función de documentación de generación automática y cómo configurar su componente para que se distribuya a través de Bower. Continuaremos usando el código del componente Reddit que creé en mi primer tutorial de Polymer también.

Una mirada al interior elemento sin título

Dentro del proyecto repetitivo, hay un par de archivos clave que utilizará:

• Bower.json - Le permite especificar configuraciones y dependencias para su componente
• untitled-element-master.html - La plantilla para el nuevo componente.
• untitled-element-master.css - La plantilla de la hoja de estilo para diseñar tu nuevo componente.
• index.html - El archivo HTML que incluye núcleo de polímero para la generación de documentación.
• demo.html - El archivo HTML que permitirá a los usuarios probar su componente.

Estos son los archivos base que se proporcionan cuando descarga por primera vez la placa de repetición del repositorio PolymerLabs GitHub y sirve como la base para su nuevo componente. En la primera parte, hemos cambiado el nombre untitled-element-master.html a reddit-element.html y untitled-element-master.css a reddit-element.css, ya que necesitan ser nombrados igual que nuestro componente. También actualizamos las referencias a elemento sin título a lo largo de los archivos, para garantizar que el código al que se hace referencia el nombre del componente correcto.

Echemos un vistazo al código dentro de reddit-element.html: