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

Building a user interface with React desktop


There are not many user interface libraries available specifically for Electron. Most of us may not want to use these libraries as we have the flexibility and power of CSS available in Electron, and we are free to create any type of user interface with it. In this section, let's discuss one more library available for building a user interface. React desktop is a UI component library available for Mac OS and Windows 10. But this is not a general solution. You need to use React to use this library. So let's create a simple application with React and explore how we can integrate a user interface with the React desktop. The React desktop provides two sets of UI packages, one for Mac and another for Windows 10. Creating an Electron application with React is the same as what we have discussed in previous chapters. You can start with the hello world application that we created in the first chapter to get started with this example. Initialize the application...