Let's Build an Electron App with React.js - Part 2

In this video, we'll dive deeper into the main.js file that we copied over from electron-quick-start in the first video. We will add additional functionality to our main.js file to add a tray icon into our menu bar that we can use to toggle the visibility of our app's browser window. Along the way, we'll also explore some of the built-in functionality we get with various modules/classes from Electron. === 📖 Sometime around late 2019/early 2020, I was looking for good resources on setting up an Electron app to use Tray. At the time, I was building a cryptocurrency menu bar app. Funnily enough, one of the best articles I found on this topic happened to be a medium article that was also focused on building a cryptocurrency menu bar app! Several of the tips and methods used in this video to set up the tray functionality come directly from that article, and I highly recommend giving it a read for some additional context: https://medium.com/@nahoc/lets-build-a-system-tray-cryptocurrency-tracker-for-mac-using-electron-part-1-7888747891b. === Post Video notes: - I forgot to mention this in the video, but when setting up the app to use tray, if you use an image for your icon that is too large it may not show up in the menu bar. As an example, the image I used in this video is 16x16.