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:

master state management hydration Nuxt usestate

Nuxt state management and hydration with useState

useState can effectively replace ref in many scenarios and prevent Nuxt hydration mismatches that can lead to unexpected behavior and errors.

Yan Sun
Jan 20, 2025 ⋅ 8 min read
React Native List Components: FlashList, FlatList, And More

React Native list components: FlashList, FlatList, and more

Explore the evolution of list components in React Native, from `ScrollView`, `FlatList`, `SectionList`, to the recent `FlashList`.

Chimezie Innocent
Jan 16, 2025 ⋅ 4 min read
Building An AI Agent For Your Frontend Project

Building an AI agent for your frontend project

Explore the benefits of building your own AI agent from scratch using Langbase, BaseUI, and Open AI, in a demo Next.js project.

Ivaylo Gerchev
Jan 15, 2025 ⋅ 12 min read
building UI sixty seconds shadcn framer ai

Building a UI in 60 seconds with Shadcn and Framer AI

Demand for faster UI development is skyrocketing. Explore how to use Shadcn and Framer AI to quickly create UI components.

Peter Aideloje
Jan 14, 2025 ⋅ 6 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