1.9 KiB
App
The main location where all of your application code lives. Inside this folder are 4 sub-folders:
dist/
electron/
localization/
src/
dist
This folder holds bundled files from webpack. You shouldn't be modifying anything in this folder, the files contained within will be regenerated upon build (dev or production).
electron
Electron-specific files. These would be the main file that creates the window (main.js), the menu bar (menu.js) or the preload script (preload.js).
In the main.js file you would configure the app window and any app specific event handlers or setup IPC (inter-process-communication). The menu bar is self-explanatory so I will skip saying anything about that file. The preload.js file is where you expose, safely, node symbols so that your renderer process can use them.
localization
A folder that will holds localized files of translations for your app. This setup is assuming you would be using translations offline and not call out to a webservice to translate your app. If you'd like to use another method of translating, i18next names each provider a "backend;" you can browse the list of them here.
Note, there are two config files in this template. i18n.config.js is for the renderer process (ie. front-end) and i18n.mainconfig.js is used for the menu items. It is important that these two config files match (logically speaking, not word-for-word) so that the translation files work between menu items and the renderer process.
src
Application-specific files, these are your js/css files and everything else you are used to. A more detailed look of this directory is here.