Interfaces web dinámicas: solución a las limitaciones que presentan Vue y React

Abstract

Las herramientas como Vue y React son muy populares en el desarrollo eficiente y escalable de interfaces de usuario; son utilizadas para implementar aplicaciones de gran tamaño y complejidad. Sin embargo, cuando se requiere de una experiencia de usuario altamente dinámica y responsiva, estas herramientas presentan algunas limitaciones como: la comunicación entre componentes, el registro de cambios en tiempo real y la manipulación directa del Modelo de Objetos del Documento HTML. En este reporte técnico se propone e implementa la solución a las limitaciones que se presentaron en el desarrollo del proyecto Laboratorio Virtual de Química. La solución conjunta, además del despliegue declarativo de componentes reactivos, los paradigmas de desarrollo web: comunicación vía emisor-suscriptor de eventos y manipulación del Modelo de Objetos del Documento HTML. Se implementó una interfaz web intuitiva, altamente dinámica y responsiva a las interacciones del usuario, que permite la comunicación, interacción y seguimiento en tiempo real de los componentes que representan los distintos materiales y sustancias del laboratorio.