En busca de la simplicidad, exploraremos en este articulo realizar el desarrollo de un nuevo módulo #Polymer integrando datos desde #
Firebase basado en el proyecto #
modulegen (presentado en 7 arquetipos de la tecnología moderna, con base en el Polymer-Starter-Kit).
El objetivo es representar en un módulo nuevo comercios destacados almacenados en #
Firebase. Vemos en la Fig.1 la colección de comercios desde #
Firebase, cada uno de los mismos y su ganancia general. [todos datos totalmente simulados]
|
Fig.1 Firebase [datos] |
El objetivo es incorporar un nuevo módulo e incluir datos desde #
Firebase. Siguiendo la Fig.2 para el proyecto #
modulegen
|
Fig.2 UI de modulegen |
Vamos a construir este nuevo módulo de una forma desacoplada desde el sector #elements. Vamos a incorporar un #web-component, #
firebase-element y solo nos queda crear la lógica de acceso.
|
Fig.3 Generación del módulo |
Miren como se ve el código completo:
Ahora vamos a integrar el componente en el index.html. ¿Cómo lo hacemos? Fig.4
|
Fig.4 Incorporando el módulo en el #index |
Finalmente el resultado Fig.5:
|
Fig.5 resultado sobre el portal |
Comentarios
Publicar un comentario