Electron Framework Interview Questions & Answers

  1. Question 1. What Is Electron?

    Answer :

    Electron is an open source library developed by GitHub. It is used to develop cross platform desktop application.

  2. Question 2. Which Technology Electron Uses?

    Answer :

    Electron uses Chromium and Node.js with HTML, CSS and JavaScript.

  3. Python Interview Questions

  4. Question 3. How Chromium And Node.js Are Used In Electron?

    Answer :

    Chromium is a Web kit, based web browser with V8 JavaScript engine which support all the browser and DOM APIs. It is good for making web page.

    Node.js keeps backend code JavaScript state separate from frontend application windows state.

  5. Question 4. What Are The Different Types Of Process In Electron?

    Answer :

    There are two types of process in Electron. These are main process and renderer process.

    • Main process is responsible for interacting with native graphical user interface (GUI) of operating system. I also respond for auto-update of events and managing Browser Window instances.
    • Renderer process is responsible for running the user interface of your application by using HTML files, CSS files, JavaScript files etc.
  6. Python Tutorial

  7. Question 5. What Is Inter Process Communication (ipc)?

    Answer :

    Inter Process Communication module is mechanism which allows exchange of synchronous and asynchronous message between main and renderer process. ipcMain module communication takes from main process to renderer process and ipcRenderer module communication takes from renderer process to main process.

  8. HTML 5 Interview Questions

  9. Question 6. How Could We Build User Interface In Electron?

    Answer :

    User Interface of Electron is built by using HTML, CSS, and JavaScript.

  10. Question 7. What Are Environment Variables In Electron?

    Answer :

    Environment variables control configuration (behavior) of Electron application without changing code. There are two types of environment variables in Electron.

    • Production variable
    • Development variable
  11. HTML 5 Tutorial
    Java Script Interview Questions

  12. Question 8. What Is Web View In Electron?

    Answer :

    WebView is a tag which is used to embed web page in electron app. It runs in a separate process and interacts asynchronously between app and embedded content.

  13. Question 9. Tell Me About Packaging Apps?

    Answer :

    Packaging is an electron app, simply refers to creating a desktop installer. Packaging and distributing apps is an integral part of the development process. These can be done by using:

    • Electron – packager.
    • Electron – builder.
  14. Linux Interview Questions

  15. Question 10. How Debugging Done In Electron?

    Answer :

    Debugging is a set of steps that involves identifying the problem, source of problem then resolving the problem to work application successfully. In electron, app are run over main process and rendered process debugging applied on both processes.

    The Dev Tools in an Electron browser window can only debug JavaScript that is execute in that web pages. It uses external debugger and launch Electron with commands –debug or –debug-brk, –inspect or inspect-brk.

    Chrome Dev tools are used to debug renderer process as it executed in browser window.

  16. Java Script Tutorial

  17. Question 11. What Are Different Types Of Menu?

    Answer :

    There are two type of menus are created in electron desktop apps.

    • Application menu
    • Context menu

    Application menu are those which display on top bar and context menu display on right-click.

  18. Mac OS X Deployment Interview Questions

  19. Question 12. Tell Me Something About System Tray?

    Answer :

    System tray represents an icon in an operating system’s notification area in other word we can say that system tray is a menu outside of your application window.

  20. Python Interview Questions

  21. Question 13. How Dose Notification Is Created In Electron?

    Answer :

    Notification is created by using npm module called node-notified used to notify users in Windows, Linux and MacOS. Electron also provides native notifications API only for MacOS.

    Node-notified module is install by using command $ npm install –save node-notified.

  22. Linux Tutorial

  23. Question 14. How Electron Works?

    Answer :

    Electron work by taking main file created in your package.json file and executes it. The main file creates application windows contains rendered web pages and interact with native GUI. The main process is created when you start your application. Main process manage Browser Window module (provide ability to create new application windows in your app) and each browser module runs its own renderer process.

  24. Question 15. What Is The Structure Of An Electron Application?

    Answer :

    The basic structure of electron application consists of three files: package.json, main.js and index.html. Package.json used for metadata, main.js for code and index.html for graphical user interface.

  25. Windows Administration Interview Questions