Apa Itu Electron.js?

Electron.js adalah framework open-source yang memungkinkan pengembang membangun aplikasi desktop lintas platform menggunakan teknologi web seperti HTML, CSS, dan JavaScript. Dengan Electron, kamu bisa membuat aplikasi desktop untuk Windows, macOS, dan Linux hanya dengan satu codebase.

Framework ini pertama kali dikembangkan oleh GitHub dan digunakan untuk membangun aplikasi populer seperti:

  • Visual Studio Code (Microsoft)
  • Slack
  • Discord
  • Postman
  • Figma (versi desktop)

 

Bagaimana Cara Kerja Electron?

Figure 1. Contoh struktur file sederhana

Electron menggabungkan dua komponen utama:

  1. Chromium – sebagai browser engine untuk merender antarmuka pengguna (UI).
  2. Node.js – untuk menangani proses backend dan akses ke sistem file, database, dll.

Ketika aplikasi Electron dijalankan:

  • Main Process: Mengontrol siklus hidup aplikasi, mengatur jendela, dan menjalankan kode backend (Node.js).
  • Renderer Process: Menjalankan antarmuka pengguna dan menangani interaksi pengguna menggunakan HTML/CSS/JS (mirip browser).

Figure 2. Perbandingan kelebihan dan kekurangan electron js

Kapan Sebaiknya Menggunakan Electron.js?

✅ Cocok digunakan jika:

  • Kamu ingin membuat aplikasi desktop dari proyek web yang sudah ada.
  • Kamu ingin prototyping cepat lintas platform.
  • Kamu membangun aplikasi internal perusahaan atau tool pribadi.

❌ Tidak disarankan jika:

  • Aplikasi kamu harus ringan (<50 MB).
  • Membutuhkan performa tinggi atau akses sistem tingkat rendah.
  • Target pengguna kamu memiliki perangkat dengan spesifikasi rendah.

 

Referensi: