electron-quick-start VS nx

"pack": "build --dir","dist": "build","electron": "electron main.js","postinstall": "install-app-deps" Create main.js I just copied the code from the electron quick start. The only change I make is to the location of index.html which I set to /dist/index.html

Tauri has a small footprint by default but what about when we pack NodeJS binary with our app? The result of this is surprising. Taurine app is 3 times smaller than electron app. Compiled the Tauri app in .app the format has 63MB and the electron app in the same format has 205MB.

I cloned the quick-start directory from Electron's github and spun up my node-js. No problems there. 🦾

Well it automatically downloads electron 19.0.4 from git clone https://github.com/electron/electron-quick-start. Then I instantly receive the vulnerability issues from npm install & npm start. Not sure why the packages aren't upgrading to newest on install

# Clone this repository git clone https://github.com/electron/electron-quick-start # Go into the repository cd electron-quick-start # Install dependencies npm install # Run the app npm start

This was like one of the top results when I googled for like "electron stuck npm" https://github.com/electron/electron-quick-start/issues/127

This question already has answers here: How to deploy an Electron app as an executable or installable in Windows? (10 answers) Closed 2 years ago.I've been learning how to create applications in Electron and I need help compiling a simple project to a Windows executable. The program is a clone from this Github repo: https://github.com/electron/electron-quick-start. On the repo readme it shows how to run the program:

Create an electron application. Follow the steps here: https://github.com/electron/electron-quick-start

In any event, I just took a closer look at my project, and it looks like the key thing is to wait for Electron's ready event before registering the ipcMain listeners. So, taking Electron's quick-start example as a starting point, you would want to do it in the app.whenReady().then(() => { ... }) callback, probably just before creating the window. Does that help?

We will first initialise an empty electron project that will look similar to an electron first app or electron quick starter repository

Nx (sponsored the Lightning Talks)

Caching and sharing artifacts is usually the main culprit. My company has been using https://nx.dev/ for that. It works locally as well and CI and it just works.

Our NX is pointed to store artifacts in GHA, but our GHA scripts don't do any caching directly, it is all handled by NX. It works so well I would even consider pulling a nodejs environment to run it in non-nodejs projects (although I haven't tried, probably would run into some problems).

It is somewhat heavy on configuration, but it just moves the complexity from CI configuration to NX configuration (which is nicer IMO). Our CI pipelines are super fast if you don't hit one of one of our slow compilling parts of the codebase.

It is quite interesting is that your local dev environment can pull the cached items there were build from previous CI ran-jobs or other devs. We have some native C++ dependencies that are kind of a pain to build locally, our dev machines can pull the built binaries built by other devs (since all devs and CI also share the same cache-artifacts storage). So it makes developing locally a lot easier as well, I don't even remember last time I had to build the native C++ stuff myself since I don't work on it.

An efficient work environment is the key to rapid development and testing. Many of us have heard stories about how it takes days or even weeks to set up a work environment at a new job or project. I am not exception! To avoid such situations, I decided to think through the structure and configuration in advance. The main idea was to make everything reproducible and easy to use. Since the goal was to develop a plugin for nx.dev, I started by creating a new workspace via create-nx-workspace. I used the test application to experiment with SSR, and therefore created a plugin template using @nx/plugin:plugin. Additionally, I generated two applications and one library via NX generators. As a result, the project structure looked like this:

Nx Documentation Vite Documentation Webpack Module Federation Micro-Frontend Architecture

Just use react.... That's what I do - it is so much easier than trying to fight with Next.js.

I have a large application and I use next.js for the landing pages (landing, tos, privacy, blog, login, etc..) - but for the core application after login, I just use vanilla react with react router. For me I keep these as separate applications as I don't want to load the entire app just for the landing page or login box.

Every time I need to work in the nextjs part of the app I always run into problems and have to read the docs and troubleshoot, sift through which part of the docs apply to my setup versus the app router.

If your entire application needs to be indexed as a static site (e.g. content based versus a web application), then vanilla react isn't a good fit - so it depends on your needs.

Unrelated - but shout out to https://nx.dev. I always prefer using this for all of my projects - made it super easy to have my node backend, react frontend, nextjs landing page, chrome extension, cron jobs, etc.. all in the same codebase where I can share code between all of them via non-publishable libraries.

Nx Documentation

However, the potential for future improvements make it a promising approach for large-scale monorepos. As the Nx team works on supporting TypeScript better (see Nx 2025 roadmap), we can expect progress in this area.

Finally, NX allows us to extend its capabilities with custom plugins and generators to automate workflows, create boilerplates, and manage continuous migrations. This helps developers evolve the codebase over time with minimal effort as new features are introduced or technologies change.

Analog is excited to have Zerops as our new official deployment partner. We are thankful for the trust and support of the entire Zerops team. Because of their support, in addition to our other sponsors, SnyderTech, Jonathan Gamble, and Nx that we are able to receive ongoing maintenance and keep developing Analog for the long term in a financially sustainable way.