Book Image

Building Cross-Platform Desktop Applications with Electron

By : Muhammed Jasim
Book Image

Building Cross-Platform Desktop Applications with Electron

By: Muhammed Jasim

Overview of this book

<p>Though web applications are becoming increasingly popular, desktop apps are still important. The Electron framework lets you write cross-platform desktop applications using JavaScript, HTML, and CSS, and this book will teach you how to create your first desktop application with Electron. It will guide you on how to build desktop applications that run on Windows, Mac, and Linux platforms.</p> <p>You will begin your journey with an overview of Electron, and then move on to explore the various stages of creating a simple social media application. Along the way, you will learn how to use advanced Electron APIs, debug an Electron application, and make performance improvements using the Chrome developer tools. You’ll also find out how to package and distribute an application, and more.</p> <p>By the end of the book, you will be able to build a complete desktop application using Electron and web technologies. You will have a solid understanding of the common challenges that desktop app developers face, and you’ll know how to solve them.</p>
Table of Contents (19 chapters)
Title Page
Credits
About the Author
About the Reviewer
www.PacktPub.com
Customer Feedback
Preface

Managing task list, recent documents, and the dock menu


In Windows and macOS, you can see the recently opened documents by right-clicking on the taskbar icon or dock menu icon. The recent document list can be added to the application dock menu icon using Electron's app module. A recent list can be displayed by simply adding a file to the recent list in the app module:

const { app } = require('electron');
app.addRecentDocument('/User/Guest/Downloads/image.png');

You can clear the recent document list using the app.clearRecentDocuments method. Adding a file path into the recent document list is very simple, as shown above. However, handling a user click event on the recent document list more important and difficult; it varies in different platforms. On macOS, clicking an item in the recent document list will emit an open-file event on app module. This event should be handled properly to open the target file in your application. The following code snippet shows you to open the file from the recent...