Svelte

Al igual que los más populares -React y Vue- Svelte es un marco basado en componentes, pero tiene una diferencia importante: Svelte se ejecuta en el tiempo de construcción, lo que es bastante loco pero tiene mucho sentido.

En la mayoría de los marcos tradicionales de js, escribimos código declarativo impulsado por estado que el navegador necesita convertir en operaciones DOM, agregando una capa adicional de complejidad y proceso a la experiencia.

En Svelte, esta compilación se realiza en el tiempo de construcción, convirtiendo tus componentes en código imperativo altamente eficiente que actualiza el DOM de manera quirúrgica. Como resultado, puedes escribir aplicaciones ambiciosas con excelentes características de rendimiento.

Los principales compromisos del marco Svelte son: 

• Menos código escrito

• Sin DOM virtual

• Verdaderamente reactivo

Sin duda suena prometedor, veremos cómo funciona el próximo año.

Aurelia

Aurelia es un poderoso marco de JavaScript basado en estándares. Sí, este increíble marco te permite escribir código simple y limpio, centrándose en los estándares web y sin abstracciones innecesarias. No estarás aprendiendo un nuevo marco, estarás usando JavaScript, pero JavaScript de especificación futura.

Otro aspecto importante de Aurelia: no es una bestia monolítica, está construido como una serie de bibliotecas que colaboran. Juntas, forman un poderoso y robusto marco para construir Aplicaciones de Página Única, pero también puedes usarlas individualmente, en sitios web tradicionales o incluso en el lado del servidor a través de tecnologías como NodeJS.

Características principales de Aurelia:

• Componentes (HTML + JS)

• Estándares web

• Extensible

• Soporte comercial

• Licencia de código abierto

HyperHTML

HyperHTML es un "DOM y estándar ECMAScript compatible, biblioteca completamente multiplataforma y sin dependencias adecuada para Aplicaciones Web declarativas y reactivas." Encantador.

No tienes que aprender un nuevo marco, hyperHTML es solo JavaScript estándar, HTML y CSS. Por loco que parezca, sus características principales están construidas sobre literales de plantillas, en los cuales cada interpolación se trata una vez, como una operación única del DOM, y se actualiza a velocidad de rayo cuando es necesario.

La clave en hyperHTML es el rendimiento, gracias a estos hechos simples:

• Es realmente ligero, pesando alrededor de 4.5K. Ese es todo el presupuesto de ancho de banda que tú y tus usuarios necesitan.

• No duplica el uso de RAM o CPU a través de operaciones del DOM virtual, no usa un DOM virtual en absoluto.

• Está completamente basado en los estándares ECMAScript y las especificaciones del DOM, así que, técnicamente, nada funciona mejor que eso.

Mithril

Mithril es un marco moderno de JavaScript del lado del cliente para construir Aplicaciones de Página Única. Afirma ser el marco más pequeño y de mejor rendimiento hoy en día, y aunque sabemos que hyperHTML es más pequeño, es pequeño seguro (< 10kb gzip) y rápido. También incluye enrutamiento y utilidades XHR de serie, lo cual es agradable.

Mithril es compatible con IE11, Firefox ESR y las dos últimas versiones de Firefox, Edge, Safari y Chrome (no se requieren polyfills), y agregarlo a un sitio web es tan simple como enlazarlo desde un CDN.

Cycle

Según Digital Ocean, Cycle.js es "el marco FRP más accesible para JavaScript que hemos tenido la oportunidad de admirar y confundir hasta ahora."

El nombre se refiere a un flujo cíclico de flujos entre la interfaz de usuario y la lógica de presentación de la aplicación. La UI es una entrada para la lógica. La lógica es una entrada para la UI.

Tiene su propia CLI create-cycle-app y, en mi opinión, es el más similar a los marcos populares hoy en día, como React.

Características principales de Cycle:

• Funcional y Reactivo

• Sencillo y Conciso

• Extensible y Probable

• Flujo de datos explícito

• Componible

Y según ellos, solo necesitas 1h 37min para aprenderlo, lo cual es bastante genial.

¡En resumen!

Sin ninguna duda, las claves para el futuro son más pequeñas y rápidas. Y el camino propuesto para este fin es conformarse a los estándares web y pensar de manera eficiente. ¡Es más que emocionante!

Ya sea que se conviertan en marcos populares o solo hagan un poco de ruido (para empujar a los grandes en esta dirección) Svelte, Aurelia, hyperHTML, Mithril y Cycle, con suerte, dejarán su huella en la historia de JavaScript.