Monómeros, polímeros o ¿por qué está tan bien elegido el nombre de Polymer?

Otra de las cosas que me encantan en la vida es la química. No sé mucho, pero recuerdo cosas de pequeña que me gustaron bastante y facilitan entender algunos conceptos ahora.

Hoy vamos a ver la relación entre los monómeros, polímeros y la librería Polymer.

Estructura básica

De entrada, un polímero (del griego polys: “muchos” y mero: “parte” o “segmento”) es una macromolécula o un compuesto que está formado por largas cadenas en las que se repite una unidad básica o monómero (monos: ”uno”, meros: “parte” o “segmento”).

Monómero y polímero del policloropropeno, más conocido por su marca comercial: Neopreno

Pero, ¿y están así sueltos? ¿unidos? ¿con pegamento? Pues sucede algo parecido. Estos pequeños monomeritos están unidos entre sí por “Fuerzas de Van der Waals”, puentes de hidrógeno, interacciones hidrofóbicas o enlaces fosfodiéster (en química orgánica) entre otros.

Representación simple de las fuerzas que unen los monómeros

Estos enlaces puede que no sean los más fuertes de la química, sin embargo estas uniones proporcionan a los polímeros una serie de características:

  • Elasticidad (existencia y ausencia)
  • Resistente a golpes e impactos
  • Dureza
  • Maleabilidad
  • Aislante

También tienen otras propiedades que aunque parezcan malas pueden convenir en según qué momentos:

  • Reflectante
  • Fragilidad

Bien, ¿y esto qué tiene que ver con Polymer?

Polymer es una librería de JavaScript para la creación de aplicaciones web utilizando componentes web.

Esto es, si nuestra aplicación es una gran macromolécula, o un ente, podemos realizar pequeños componentes interoperables entre sí y , más sugerente aún, que se pueden integrar en otros proyectos.

A continuación os presentamos Estela y yo nuestro primer componente en Polymer:

Un login. Pinchando en el hipervínculo tenéis acceso a nuestro repositorio, en el que podéis encontrar el login en sí mismo y las instrucciones de cómo usarlo en el README.md

Estado de ánimo tras conseguir nuestro primer y único componente de Polymer (por ahora…)

Al principio tuvimos todas las dudas del mundo y todo fue oscuridad. Pero se hizo la luz.

Si seguís la documentación de Polymer no os costará mucho. Sin embargo encontramos dos piedritas en el camino con las que nos hicimos nuestro castillo.

  1. - ¿Cómo hacer que sea soportable en todos los browsers?

Estela os da la respuesta aquí: :)

2. - ¿Cómo conseguir las Fuerzas de Van de Waals, puentes de hidrógeno o interacciones hidrofóbicas?.

Un tema que nos resultaba difícil era ¿cómo engancho nuestro componente al resto de la vida, accedo a él y utilizo sus funcionalidades o aplico las de nuestro proyecto macromolécula?

Pongan música de misterio de fondo en sus cerebros

¡DISPATCH EVENT!

DispatchEvent-CustomEvent, próximo hit de tatuaje entre usuari@s de Polymer

En estas líneas se generan los puentes de hidrógeno. Lo que estamos haciendo es lanzar un evento desde nuestro componente CON EL NOMBRE QUE QUERAMOS sobre el DOCUMENTO, y es muy importante que sea sobre el documento y no sobre cualquier etiqueta HTML o selector sobre el documento. ¿Por qué? Porque puede variar en el tiempo la etiqueta, hoy lo que era un botón puede pasar a ser un enlace mañana.

¿Y cómo lo recogemos en otros proyectos?

Recogemos el evento

En el archivo donde lancemos funcionalidades referentes al componente es donde lo tenemos que recoger.

  1. - Aplicamos el evento sobre el documento en nuestro archivo, puesto que ya lo lanzamos sobre el documento en el html del componente (no esperes que caigan cerezas de un naranjo 😊)
  2. -Añadimos el llamador de eventos addEventListener.
  3. -Llamamos a nuestro evento TAL CUAL lo hayamos llamado.
  4. -Llamamos a la función que queremos llamar. En el ejemplo: llamada simple si pertenece al componente o al archivo: onLogin, y por composición: si la función viene de otro módulo: view().showViewOnLogOut.

Nota: de la misma forma, si queremos acceder al componente y actuar sobre él, como siempre: seleccionamos y aplicamos un método:

Y hasta aquí el post de hoy.

Ahora puedes crear y llevar a tu componente de Polymer… ¡hasta el infinito y más allá!

Disfruta de volar con Polymer ;)

PS: El post ha sido actualizado gracias a las correcciones de mi hermana María (Bióloga y profesora de Hematología y Genética) y Gloria (Doctora en Química y compañera developer).