Get best of the week

Marcos JS poco conocidos pero populares para la interfaz

No hace mucho tiempo, al crear aplicaciones web dinámicas, utilizamos JavaScript puro o jQuery para trabajar con el DOM. Desde entonces, han surgido muchos marcos y bibliotecas de JavaScript excelentes. Ayudan a desarrollar proyectos que, en atractivo y conveniencia, superan lo que eran antes. El autor del artículo, cuya traducción publicamos hoy, quiere hablar sobre varios marcos y bibliotecas de clientes potentes pero poco conocidos basados ​​en JavaScript. Por supuesto, los Tres Grandes, representados por Angular , React y Vue , no han ido a ninguna parte, pero en el mundo del desarrollo web hay otras herramientas dignas de atención. Como Svelte , Preact y Riot



. La cuestión de elegir el remedio adecuado depende de muchos factores. Entre ellos se encuentran el conocimiento del desarrollador, las características del proyecto y la situación del mercado. Por lo tanto, echemos un vistazo a los marcos poco conocidos, ampliando así la libertad de elección para aquellos que buscan la herramienta adecuada para su próximo proyecto.

Esbelto



Svelte Framework es un nuevo representante de las herramientas de desarrollo front-end, cuya popularidad crece constantemente recientemente. Hablan de él como un ejemplo de un enfoque completamente nuevo para crear interfaces de usuario. En comparación con Vue o React, que dependen en gran medida de las capacidades del navegador para hacer su trabajo, Svelte funciona de manera diferente. Él, en la etapa de construcción del proyecto, implica un paso de compilación, que contribuye a mejorar el rendimiento de los proyectos basados ​​en él.

Svelte está dirigido no solo a la productividad de los proyectos terminados, sino también a la conveniencia del desarrollador. Esto se logra al reducir la necesidad de escribir grandes cantidades de código repetitivo.

▍ Características clave


  • Rendimiento impresionante
  • Construcciones pequeñas
  • Disponibilidad
  • Sistema de encapsulación de estilo estándar
  • Transiciones declarativas
  • DOM

Ember



Ember.js: este es otro excelente marco de cliente que acelera el desarrollo de aplicaciones web, eliminando la carga del desarrollador para realizar acciones estándar repetitivas. Permite a los programadores trabajar con funciones avanzadas de JavaScript.

Este marco tiene una maravillosa herramienta de línea de comandos que acelera la tarea de ensamblar proyectos, sus pruebas, y admite un entorno de desarrollo conveniente con características como la recarga automática de páginas. Ember también tiene un excelente enrutador, cuyas ideas inspiraron a los desarrolladores de otros sistemas similares, por ejemplo, el enrutador React. El marco es muy productivo debido al hecho de que utiliza tecnologías que aceleran la representación de la página.

Los complementos de Ember proporcionan al desarrollador muchos complementos que le permiten ampliar las capacidades de las aplicaciones. El sistema Ember Concurrency, por ejemplo, se puede usar para escribir código asincrónico confiable. Y Simple Auth es un complemento que implementa muchos métodos de autenticación. La herramienta de implementación Ember CLI le permite implementar una lógica de implementación compatible que se puede reutilizar.

▍ Características clave


  • Proyecto estándar de montaje de tubería
  • El mejor sistema de enrutamiento entre herramientas similares.
  • Herramientas de datos avanzadas
  • Sistema de prueba a escala completa
  • Ciclo de lanzamiento de seis semanas

Preact



La biblioteca Preact, como su nombre lo indica, es muy similar a React. Es cierto que la biblioteca Preact es mucho más pequeña, su tamaño es de solo 3 KB. Pero esta biblioteca le da al desarrollador la misma API moderna que React. Preact proporciona al programador la implementación más compacta de abstracción de DOM virtual, capacidades de plataforma estable y herramientas de procesamiento de eventos. Esta biblioteca, sin un paso de transpilación, se puede usar directamente en el navegador.

Preact, además, es una de las bibliotecas cliente más rápidas, caracterizada por un tamaño modesto y un alto rendimiento.

▍ Características clave


  • Soporte para clases ES6, ganchos y componentes funcionales.
  • Soporte para JSX, DOM virtual, herramientas de desarrollador
  • Soporte de representación de servidor estándar
  • Soporte para navegadores modernos (IE11 +)

Alboroto



Riot es una biblioteca de desarrollo de interfaz de usuario basada en componentes simple y elegante. Le permite utilizar elementos personalizados en todos los navegadores modernos sin la necesidad de polyfills. Estos componentes ayudan a combinar HTML y JavaScript para formar entidades adecuadas para su reutilización. La sintaxis de Riot es limpia y está diseñada para que el desarrollador la entienda fácilmente.

El tamaño de Riot es de solo 6 KB, es decir, estamos hablando de una biblioteca muy compacta. Esta biblioteca admite menos métodos API que sus contrapartes más grandes. Esto sugiere que para el uso productivo de Riot, el programador no necesita dedicar mucho tiempo a la capacitación.

▍ Características clave


  • Alto rendimiento y previsibilidad
  • Proximidad a los estándares web
  • Buena relación con las herramientas de desarrollo.
  • Buena sintaxis
  • Alta velocidad de aprendizaje
  • Tamaño modesto
  • Potente ecosistema modular

Aurelia



Aurelia es un marco JavaScript moderno del lado del cliente para desarrollar aplicaciones web, proyectos móviles y de escritorio. Las aplicaciones que utilizan Aurelia se crean ensamblando componentes simples basados ​​en JavaScript puro o TypeScript y el código HTML correspondiente.

El marco de Aurelia tiene una excelente documentación, sus capacidades están bien descritas en los tutoriales. Todo esto ayuda a aquellos que quieren lidiar con este marco y dominarlo rápidamente. Aurelia incluye un potente motor a reacción para implementar enlaces, un sistema de plantillas, un enrutador y complementos. Aurelia admite la representación del servidor y otras características avanzadas.

▍


  • , ,

Mithril



Mithril.js es un marco JS moderno del lado del cliente diseñado para desarrollar aplicaciones web de una sola página. Es de tamaño pequeño (9.79 Kb), admite enrutamiento y XHR.

Es utilizado por empresas como Nike y Vimeo. Entre las tecnologías que admite están JSX, ES6 +, animación, pruebas.

Se ha preparado una buena documentación para este marco, que ayuda a los principiantes a resolverlo rápidamente. Allí puede encontrar ejemplos en los que es conveniente aprender las capacidades de Mithril. Es cierto que, en mi opinión, este marco, en términos de documentación, va a la zaga de las otras herramientas que examinamos aquí.

▍ Características clave


  • Muy alto rendimiento
  • Soporte virtual DOM
  • Soporte de ciclo de vida de componentes

Resumen


Espero que este material ilustre bien el hecho de que la vida está más allá de Angular, Vue y React. Algunos proyectos requieren enfoques y herramientas que son diferentes de los que todos están escuchando. La elección de una herramienta adecuada depende en gran medida de las características del proyecto que planea crear con él.

Al final, quiero decir que si elige uno de los marcos incluidos en los "Tres Grandes" para su proyecto, definitivamente no se equivocará. Angular es ideal para desarrollar proyectos a gran escala. Los frontales angulares se usan a menudo junto con los backends de Java. React y Vue también son buenas opciones. Quiero dar consejos: no te conviertas en fanático de ningún framework o biblioteca. Al elegir una herramienta, simplemente trate de abordar el proceso de selección con una mente abierta y encuentre algo que satisfaga las necesidades de su proyecto.

¡Queridos lectores! ¿Utiliza marcos o bibliotecas que no están incluidos en los Tres Grandes?

More articles:


All Articles