Lewati ke konten
RazinSaid
Seri · 12 bagian

Belajar Electron dari Nol sampai Mahir

Seri lengkap membuat aplikasi desktop dengan Electron — dari aplikasi pertama, arsitektur, dan IPC, sampai packaging, code signing, dan auto-update.

  1. 1 Mengenal Electron: Bikin Aplikasi Desktop dengan HTML & JS Kenalan dengan Electron, framework untuk membuat aplikasi desktop lintas platform (Windows, macOS, Linux) memakai HTML, CSS, dan JavaScript. Cocok untuk pemula. 19 Juni 2026
  2. 2 Arsitektur Electron: Main Process vs Renderer Process Pahami arsitektur Electron: apa itu main process dan renderer process, peran masing-masing, dan bagaimana keduanya bekerja sama membentuk aplikasi desktop. 19 Juni 2026
  3. 3 IPC di Electron: Menghubungkan Main & Renderer dengan Aman Belajar IPC di Electron: cara mengirim pesan antara renderer dan main process dengan aman lewat preload dan contextBridge. 19 Juni 2026
  4. 4 Membuat Menu, Tray, dan Notifikasi Native di Electron Tambahkan menu aplikasi, ikon tray, dan notifikasi native ke aplikasi Electron-mu agar terasa seperti aplikasi desktop sungguhan. 19 Juni 2026
  5. 5 Mengakses File & Dialog Sistem di Electron Cara membuka, membaca, dan menyimpan file di aplikasi Electron lewat dialog sistem dengan aman, dari renderer sampai main process. 19 Juni 2026
  6. 6 Menyimpan Data Lokal di Aplikasi Electron (electron-store & SQLite) Cara menyimpan data dan pengaturan aplikasi Electron secara lokal: pakai electron-store untuk data ringan, atau SQLite untuk data terstruktur. 19 Juni 2026
  7. 7 Keamanan Electron: contextIsolation & Praktik Aman Amankan aplikasi Electron-mu: pahami contextIsolation, sandbox, preload, dan praktik terbaik agar aplikasi tidak mudah disusupi. 19 Juni 2026
  8. 8 Cara Package & Distribusi Aplikasi Electron Panduan mem-package aplikasi Electron jadi installer dengan electron-builder, lalu mendistribusikannya ke pengguna Windows, macOS, dan Linux dengan benar. 19 Juni 2026
  9. 9 Code Signing Aplikasi Electron untuk Windows & macOS Kenapa aplikasi Electron perlu code signing dan cara melakukannya di Windows dan macOS agar tidak diblokir SmartScreen maupun Gatekeeper. 19 Juni 2026
  10. 10 Auto-Update Aplikasi Electron dengan electron-updater Cara menambahkan fitur auto-update ke aplikasi Electron memakai electron-updater agar pengguna selalu pakai versi terbaru. 19 Juni 2026
  11. 11 Optimasi Ukuran & Performa Aplikasi Electron Aplikasi Electron terasa berat? Pelajari cara memperkecil ukuran bundle dan meningkatkan performa, dari asar dan prune dependency sampai lazy load. 19 Juni 2026
  12. 12 Electron vs Tauri: Pilih Mana untuk Aplikasi Desktop? Bingung pilih Electron atau Tauri untuk aplikasi desktop? Kita bandingkan ukuran file, performa, bahasa, dan ekosistemnya biar kamu tidak salah pilih. 19 Juni 2026