Implementación de aplicaciones isomórficas con Javascript

Abstract

Con la evolución de los navegadores y la implementación de los nuevos estándares web (HTML5), aparecieron nuevas herramientas que nos han permitido crear aplicaciones web más complejas, con una mejor experiencia de usuario. Con el tiempo, este tipo de aplicaciones han resultado útiles, pero sacrificando la experiencia de usuario debido a los tiempos de carga de los datos en cada página. Fue por este inconveniente que se evidenció la necesidad de la interacción desde el servidor para la generación de página con aplicaciones híbridas. Una de estas técnicas era permitir la utilización (creación y modifi cación) de componentes de interfaz gráfi ca, tanto en el cliente como en el servidor, por lo cual estas aplicaciones son llamadas isomórfi cas. El presente artículo muestra el proceso que se llevó a cabo hasta llegar al concepto de aplicaciones isomórfi cas, describe las características que una aplicación isomórfi ca debe tener y, por último, plantea un modelo de arquitectura de aplicación con ejemplos de código.

With the evolution of browsers and the implementation of new Web standards (HTML5), new tools became available that have enabled us to create more complex web applications with better user experiences. Over time, these types of applications have proven useful, but deteriorate the user experience as extended lengths of time are used load the data on each page. For this same reason, it is proven that there is a need for interaction from the server to the generation page with the hybrid applications. One such technique was to allow the use (creation and modifi cation) of graphical user interface elements, both in the client just like the server, which is why these applications are called isomorphic. This article shows the process that was undertaken to arrive at the concept of isomorphic applications, which describes the characteristics that must have an isomorphic implementation and, finally, presents a model of application architecture with code examples.