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:

Exploring The Top Rust Web Frameworks

Exploring the top Rust web frameworks

In this article, we’ll explore the best Rust frameworks for web development, including Actix Web, Rocket, Axum, warp, Leptos, Cot, and Loco.

Abiodun Solomon
May 28, 2025 ⋅ 11 min read
How To Use The CSS Cursor Property

How to use the CSS cursor property

A single line of CSS can change how users feel about your UI. Learn how to leverage the cursor property to signal intent, improve interaction flow, and elevate accessibility.

Chizaram Ken
May 28, 2025 ⋅ 6 min read
Build TypeScript App Vite

How to build a React + TypeScript app with Vite

We explore the benefits of building an app with React, TypeScript, and Vite, and compare its performance to the same app built with CRA.

Clara Ekekenta
May 28, 2025 ⋅ 7 min read

How to use Claude to build a web app

Learn how to build a weather app using Claude, from setting up infrastructure to creating a functional UI that displays city-based forecasts.

Andrew Evans
May 28, 2025 ⋅ 8 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