Los 5 Mejores JavaScript Frameworks para Aplicaciones Desktop

Los 5 Mejores JavaScript Frameworks para Aplicaciones Desktop
by Janeth Kent Date: 22-06-2018 javascript apps desktop


No hace mucho tiempo era imposible crear una aplicación de escritorio con JavaScript. Afortunadamente, estos tiempos han pasado, y ahora los desarrolladores de JS pueden utilizar sus conocimientos y experiencia en desarrollo web para crear aplicaciones de escritorio con un aspecto nativo.

Como siempre, es más fácil decirlo que hacerlo. Mientras realizábamos nuestra investigación, nos dimos cuenta de que hay mucha confusión sobre cómo se crean realmente las aplicaciones de escritorio JavaScript y cómo funcionan. También es bastante difícil encontrar las herramientas adecuadas para usar en un proyecto.

En este artículo, echamos un vistazo más de cerca a los 5 frameworks de trabajo de JavaScript más conocidos para aplicaciones de escritorio.

Electron

Electron es un framework de código abierto construido inicialmente por GitHub para el editor Atom en 2013. Esta biblioteca le permite crear aplicaciones GUI de escritorio con tecnologías web como JavaScript, HTML y CSS.

Las aplicaciones de escritorio Electron se comportan como aplicaciones web, pero pueden leer y escribir datos en el filesystem del ordenador. Hay muchas aplicaciones de escritorio populares construidas con Electron en el mercado, por ejemplo, Skype para Linux o Slack.

La ventaja significativa de esta solución es que no hay necesidad de un desarrollador web JavaScript para aprender nueva tecnología o lenguaje para construir una aplicación de escritorio. La aplicación Electron suele reutilizar la lógica de negocio, el diseño y la estructura general de una aplicación web. Es una gran manera de ahorrar tiempo y dinero en el lado de los negocios y el desarrollo.

Si eres un desarrollador de JavaScript, necesitarás aprender algunas cosas relativamente simples sobre cómo funciona Electron y su API. Lo más probable es que pueda configurar su primera aplicación de escritorio Electron en tan sólo unos días.

El electrón es una tecnología madura con una comunidad en crecimiento y, por lo tanto, constituye un gran entorno de producción. Gracias al renderizado de la interfaz de usuario del motor Chromium, tendrá acceso a herramientas como Developer Tools y Storage Access.

NW.js

El siguiente en nuestra lista de los mejores frameworks JavaScript para aplicaciones de escritorio es NW.js, anteriormente conocido como node-webkit. Fue construido en el Centro de Tecnología de Código Abierto de Intel combinando el framework Node.js con un motor Chromium (anteriormente conocido como Webkit).

Gracias a la combinación de Node.js y Chromium, puede construir una aplicación que no sólo cargue un sitio web local en una ventana de aplicación, sino que también se conecte con el sistema operativo a través de la API JavaScript. Esta solución permite controlar parámetros como las dimensiones de las ventanas, la barra de herramientas y los elementos de menú, y proporciona acceso a los archivos de ordenador locales.

NW.js no tiene opinión y le da la libertad de elegir las estructuras y bibliotecas que desea utilizar en un proyecto. Permite llamar a los módulos Node.js directamente desde el DOM, soporta todas las características del navegador, proporciona una protección de fuente JavaScript y está disponible en Linux, Mac OS y Windows.

AppJS

AppJS es una herramienta sencilla pero potente que puede utilizar para crear aplicaciones multiplataforma sin necesidad de aprender nuevos idiomas. Al igual que las otras bibliotecas mencionadas hoy, usted está bien siempre y cuando esté familiarizado con HTML, CSS y JavaScript.

Aunque es la estructura de Node.js-Chromium más antigua del trío AppJS, Electron y NW.js, no está tan madura como su competencia. Debido a que ha perdido su impulso, puede no ser la mejor opción para nuevos proyectos.

Meteor

Meteor se anuncia como "la forma más rápida de crear aplicaciones JavaScript", una "plataforma de código abierto para web, móvil y escritorio". Este framework multiplataforma escrito en Node.js puede utilizarse para crear aplicaciones web, móviles y de escritorio.

Aunque no construye aplicaciones de escritorio por sí solo, puede ser usado con Cordova u otras herramientas similares para producirlas. Utiliza MongoDB, Protocolo de Datos Distribuidos, y un patrón de publicación-suscripción para autopropagar los cambios sin interferencia del desarrollador. Tiene módulos front-end y back-end, incluyendo la API, herramientas de construcción, paquetes Node.js.

Proton Native

Proton Native es un nuevo lanzamiento. Se puso a disposición en GitHub en los primeros meses de 2018. Lo que hace Proton Native para el desarrollo de aplicaciones de escritorio es similar a lo que ha hecho React Native para móviles.

Lo que lo convierte en uno de los mejores frameworks de JavaScript para aplicaciones de escritorio es que le permite administrar el estado y crear interfaces de usuario sin problemas mientras lo hace en varias plataformas. Funciona de forma muy diferente a Electron, que ejecuta un navegador completo de Chrome para gestionar una pequeña interfaz gráfica de usuario. Por otro lado, Proton Native utiliza herramientas nativas, ocupa menos espacio y necesita menos recursos.

Esta solución tiene otras ventajas - usa la misma sintaxis que React Native, trabaja con librerías React incluyendo Redux y es compatible con Node.js.

Proton Native es uno de los frameworks de JavaScript para aplicaciones de escritorio.

En resumen, los frameworks JavaScript para aplicaciones de escritorio se pueden dividir en tres categorías:

Frameworks que producen aplicaciones de escritorio alojadas en navegadores web, basadas en Node.js y Chromium (Electron, NW.js, AppJS).
Frameworks que necesitan ser usados con herramientas similares a las de Córdoba (Meteor).
Frameworks que utilizan componentes genuinamente nativos para construir una aplicación de escritorio (Proton Native).
Depende de ti cuál elijas, y depende principalmente del tipo de proyecto que desarrolles.

 
by Janeth Kent Date: 22-06-2018 javascript apps desktop visitas : 32915  
 
Janeth Kent

Janeth Kent

Licenciada en Bellas Artes y programadora por pasión. Cuando tengo un rato retoco fotos, edito vídeos y diseño cosas. El resto del tiempo escribo en MA-NO WEB DESIGN END DEVELOPMENT.

 
 
 

Artículos relacionados

Cómo enviar un correo electrónico desde un formulario de contacto HTML

En el artículo de hoy vamos a escribir sobre cómo hacer un formulario que funcione y que al pulsar ese botón de envío sea funcional y envíe el correo electrónico…

Cómo hacer un sitio web multilingüe sin redireccionamiento

Hoy, vamos a hablar de cómo implementar un simple selector de idioma en el sitio web estático o básico, sin necesidad de ningún backend o llamadas a la base de…

Comenzando con Bootstrap-Vue paso a paso

Hoy te mostraremos cómo usar BootstrapVue, describiremos el proceso de instalación y mostraremos la funcionalidad básica. El proyecto está basado en el framework CSS más popular del mundo - Bootstrap, para…

Por qué los desarrolladores de JavaScript deberían preferir Axios a Fetch

Por qué los desarrolladores de JavaScript deberían preferir Axios a Fetch En mi artículo anterior, "Usando la Api Fetch Para Hacer Llamadas Ajax", hablé de los fundamentos de la API Fetch.…

Creación de un sencillo spinner-loader CSS

En el artículo de hoy mostraremos cómo animar un loader básico que gira cuando se define alguna acción predefinida, como cargar una imagen. Eso se puede utilizar en un sitio…

Los mejores selectores de fechas para Bootstrap y tu aplicación

Los selectores de fecha son widgets que permiten a los usuarios elegir una sola fecha o rango de fechas y horas. Es un elemento habitual para todo usuario de Internet,…

Validación de formularios HTML usando BULMA y vanilla JavaScript

Hoy vamos a escribir sobre los formularios de contacto y cómo validarlos usando JavaScript. El formulario de contacto parece ser una de las características principales de toda página web básica. Es…

Cómo usar el efecto Parallax.Js en tu sitio web

Hoy vamos a escribir sobre el efecto de parallax, similar al desplazamiento de parallax, y cómo implementarlo para mejorar su página de aterrizaje. En webdev, dicen que primero el móvil…

Usando la API FETCH para hacer llamadas AJAX - Una promesa cumplida

En este artículo hablamos sobre lo que son las llamadas AJAX y cómo utilizarlas de forma tradicional, utilizando el objeto XMLHttpRequest (XHR). En resumen, gracias a las llamadas AJAX una…

Modo oscuro persistente con CSS y JS

Recientemente escribimos acerca de cómo hacer un modo de color o tema alternativo intercambiable, una característica muy útil y popular para los sitios web. El artículo de hoy tratará sobre…

Modo oscuro en el sitio web usando CSS y JavaScript

En el artículo de hoy vamos a aprender a construir más o menos estándar en estos días en las páginas web y que es el modo de color alternativo y…

Javascript: los operadores Spread y Rest

En el artículo de hoy vamos a hablar de una de las características de la versión ES6 (ECMAScript 2015) de JavaScript que es el operador Spreadasí como el operador Rest. Estas…

Utilizamos cookies propias y de terceros para mejorar nuestros servicios, elaborar información estadística y analizar tus hábitos de navegación. Esto nos permite personalizar el contenido que ofrecemos y mostrarte publicidad relacionada con tus preferencias. Clicando en ‘Acepta todas’ aceptas el almacenamiento de cookies en tu dispositivo para mejorar la navegación en el sitio web, analizar el tráfico y ayudar en nuestras actividades de marketing. También puedes seleccionar ‘Sólo cookies de sistema’ para aceptar sólo las cookies necesarias para que la web funcione, o puedes seleccionar las cookies que quieres activar clicando en ‘Configuración’

Acepta todas Sólo cookies de sistema Configuración