2023-07-25
3192
#react
Doğacan Bilgili
16285
Jul 25, 2023 ⋅ 11 min read

Building a menu bar application with Electron and React

Doğacan Bilgili A software developer who is also into 3D-modeling and animation.

Recent posts:

javascript is null or empty function

How to check for null, undefined, or empty values in JavaScript

In most languages, we only have to cater to null. But in JavaScript, we have to cater to both null and undefined. How do we do that?

Lewis Cianci
Feb 14, 2025 ⋅ 4 min read
MERN Stack: Overview With Examples

What is the MERN stack? Overview with examples

Discover how the MERN stack (MongoDB, Express.js, React, Node.js) enables developers to build dynamic, performant, modern websites and apps.

Nefe Emadamerho-Atori
Feb 13, 2025 ⋅ 20 min read
Leveraging Parallel Computing In Node.js

Leveraging parallel computing in Node.js

Use parallel computing in Node.js with worker threads to optimize performance, handle CPU-intensive tasks, and utilize multi-core processors.

David Omotayo
Feb 13, 2025 ⋅ 8 min read

A guide to modern frontend architecture patterns

Frontend architecture is the foundation of your frontend codebase. Here’s how to optimize the pattern that you choose.

Shalitha Suranga
Feb 12, 2025 ⋅ 9 min read
View all posts

5 Replies to "Building a menu bar application with Electron and React"

  1. Hey Ian,
    It’s hard to tell what the problem is without a code snippet. Are you sure you created `TrayGenerator.js` and imported it correctly?

  2. Thank you for doing this! A finished version on git like mentioned above would be very helpful. I went through the steps and got to this stage: If you run npm run client and then npm run server , you will notice that the mainWindow still appears in the middle of the screen and then disappears when you click the Tray icon.

    The icon doesn’t appear.

  3. I found a little bug: if you don’t add `type: ‘panel’` in mainWindow settings, once you open the window clicking on the tray icon, the dock icon reappears.

Leave a Reply