Course

Build a desktop application with Electron

1
Create a "Hello World" app using Electron
2m 18s
2
Load JavaScript in an Electron BrowserWindow
2m 17s
3
Load CSS in a Electron BrowserWindow
2m 18s
4
Create a native desktop system menu with the Electron Menu module
7m 10s
5
Display native desktop dialog windows with Electron
4m 51s
6
Save/Open a file with an Electron dialog window
7m 16s
7
Understand Electron’s main and renderer process architecture
3m 28s
8
Communicate between Electron processes using IPC
4m 40s
9
Communicate between Electron processes using the remote module
4m 50s
10
Create an icon for your Electron app
57s
11
Package your Electron application into a executable file with electron-builder
3m 38s
12
Code sign your Electron application with electron-builder
4m
13
Ship updates to your Electron app with `autoUpdater` (Mac)
7m 47s
14
Ship updates to your Electron app with `autoUpdater` (Windows)
3m 30s

⚠️ This lesson is retired and might contain outdated information.

Save/Open a file with an Electron dialog window

InstructorCameron Nokes

Share this video with your friends

Send Tweet

In this video, we'll learn how to save and open a file using native dialogs in Electron. First, we'll use dialog.showSaveDialog to display a native save dialog and use dialog.showErrorBox to display an error message if the save failed. Then, we'll open the file we saved using dialog.showOpenDialog. Finally, we'll look at how these dialogs look on Windows vs Mac.

View code on GitHub

Build a desktop application with Electron

Save/Open a file with an Electron dialog window

Social Share Links