Criação de APP Desktop usando Electron JS

#JavaScript
#React
#Angular

Você já pensou em criar uma aplicação desktop compatível com macOS, Windows e Linux? Isso pode parecer meio desesperador, mas com o Electron JS, você pode fazer isso usando tecnologias web que você já conhece, como HTML, CSS e JavaScript, ou até mesmo usando frameworks JS, como o Angular, o React ou o Vue.

Mas afinal, o que é o Electron?

O Electron é um framework Open Source para criar aplicações desktop. Ele usa o Chromium, então você tem o poder de usar as ferramentas que já está acostumado, como o React, o Vue.js, o Next.js, o Bootstrap, o Angular, o TypeScript, o webpack, o Sass, entre outros. Ele é mantido pela equipe do Github e pela comunidade, mas foi criado por Cheng Zhao com o nome Atom Shell.

Mas quem usa o Electron?

Em algumas situações, ainda é necessário ter aplicações desktop, como por exemplo, para funcionamento offline, para velocidade de acesso às informações ou para usar mecanismos nativos. Algumas ferramentas que usamos no dia a dia são criadas com o Electron, como o Visual Studio Code, Slack, Discord, Insomnia, Microsoft Teams e o WhatsApp Desktop.

Bala de prata?

Como você pode ver, muitas ferramentas que usamos diariamente são feitas com o Electron. Isso mostra a capacidade do framework de acelerar o desenvolvimento. Claro que existem vantagens e desvantagens:

Vantagens:

Permite desenvolvimento de aplicações multi-plataforma;
Instaladores personalizados para as aplicações;
Desenvolvedores que já conhecem linguagens para web não precisam aprender uma nova linguagem.

Desvantagens:

Alto uso de memória e armazenamento;
Não há IDE's RAD para arrastar componentes prontos e desenvolver as telas do sistema;
Precisa-se aprender linguagens web para desenvolver.

Finalizando...

A ideia deste artigo é mostrar um pouco sobre o Electron. Abaixo, deixei alguns links para quem quiser se aprofundar mais e claro, deixem comentários sobre a sua experiência com o Electron ou para complementar o assunto.

Links: