Conoce Electron.js para el desarrollo web

 

Un saludo cordial a todos los lectores que nos siguen en cada articulo que presento y en especial para los diseñadores y desarrolladores web, para mantenerlos informados y estar al día con las tendencias de programación y el frontend que nos trae ELECTRON.

Hablaremos de ELECTRON framework de código abierto, que nos ayudaría a nosotros los usuarios para el diseño y desarrollo de sitios web.

¿Qué es Electron?

Plataforma para desarrollar aplicaciones de escritorio usando las tecnologías web (HTML, CSS y JavaScript). Permite el desarrollo de las aplicaciones graficas de escritorio usando los componentes del lado del cliente y del servidor, que están desarrolladas para las aplicaciones web.

ELECTRON  es un framework gráfico de muchos proyectos de código abierto, incluyendo a Atom de GitHub y Visual Studio Code.

Estructura de Electron

ELECTRON consiste básicamente en tres archivos que son:

• Package.json (metadatos).
• Main.js (código).
• Index.html (GUI).

El framework es previsto por el ejecutable de ELECTRON. Los desarrolladores pueden añadir iconos y hacer su diseño propio que pueden renombrar y editar.

El archivo package.json almacena datos acerca del paquete, empleando la notación literal de objetos de JavaScript (JSON). Y lo que podemos encontrar son:

• Name: El nombre de la aplicación.
• Version: Número de versiones.
• Description: Descripción de la aplicación.
• Main: Ruta de Script.

¿Cómo funciona?

ELECTRON se encuentra basado en io.js, este funciona bajo un subconjunto mínimo de librerias de Chromium.

Proporciona acceso a APls nativas enriquecidas mediante el motor de Chromium, el cual este es controlado mediante JS, lo que significa que no va enlazar librerías graficas del sistema operativo, ya que su GUI se desarrolla en HTML.

Alternativas a ElectronJs

Reducen bastante si queremos framework multiplataforma (Windows, MasOS, Linux). Centrarse en un SO en concreto, escogan el framework adecuado para ese SO. Si de lo contrario, desean que sea multiplataforma.

• Windows Presentation Fundation (WPF).

• Universal Windows Platform (UWP).

• Cocoa

• ElectronJs vs Java/Swing.

Ventajas e inconvenientes de ElectronJs

Ventajas de Electron:

• Código abierto y multiplataforma.
• Github esta detrás del ELECTRON y muchas grandes compañías hacen sus aplicaciones multiplataforma.
• Proporciona accesa de APIs nativas enriquecidas mediante el motor Chromium.
• ELECTRON utiliza node.js.
• Se pueden crear interfaces de usuario mucho más elegantes, responsiva e interactivas.
• ELECTRON tienen un buen sitio web con excelente documentación.
• Adopción: Hay muchas aplicaciones grandes y exitosas creadas sobre ELECTRON como Visual Studio Code, GitHub client, Slack.

Desventajas de Electron:

• Ejecuta Chromium en segundo plano, consume muchos recursos.
• Es muy probable que las aplicaciones hechas con ELECTRON  tengan problemas de memoria.
• Dependen de HTML, CSS y JavaScript.
• Principalmente el desarrollo principal se debe hacer con JavaScript.
• Para casos especiales interactuar con algunos módulos nativos en C/C++

Agradeciendo a los lectores por haber llegado al final del articulo y espero que les haya servido de ayuda a ustedes con saber un poco más de ElectronJs y aquellos que ya conocen el programa les haya servido para ampliar un poco más sus conocimientos.

.