Enhancing Electron Project Structure: Lessons from GitHub Desktop

Photo by Altınay Dinç on Unsplash

To build a cohesive and maintainable project, we reimagined our Electron project’s folder structure, drawing inspiration from GitHub Desktop’s clean architecture. Our goal was to create a well-structured, cohesive setup without unnecessary complexity or deep nesting. Below, we explore the rationale behind our new folder arrangement and how it supports separation of concerns, especially when working with both React and the main Electron process.

A clean and organized folder structure can significantly impact the overall quality and maintainability of a project. It allows developers to easily understand, navigate, and extend the codebase without introducing complexity. By adopting a structure inspired by a well-established project like GitHub Desktop, we can focus on simplifying workflows, improving collaboration among team members, and enhancing the efficiency of our development processes.

src/