If you look around in the community, you will always come across the following question: How do I manage my state in React?
Another question devs have had since the introduction of the Context API and Hooks API in React 16.8 is how to decide between Redux or the Context API with
useReducer to manage its global state.
I would like to answer both questions in the following article…
In the following, I present to you my daily way of working, with which I, on the one hand, achieve my projects and on the other hand do not lose sight of my daily tasks.
When you work as an employee in a company, it is usually the case that your tasks are clearly defined. Usually, there is a project management software from which it is clear what needs to be done next.
When I started out on my own with my affiliate websites, I didn’t have…
As a lifelong Linux user I started a job in a company where I had to use a Windows laptop. My job is to create a React frontend. Not knowing Windows I wondered about the best way to do my development work.
During my research I discovered two ways for emulating a Linux/macOS like workflow in Windows.
The first way creates a minimal bash environment to emulate a Linux command line. You will run Windows alternatives of your development tools.
The second route uses the Windows Subsystem for Linux 2 (or short WSL 2) to create a Linux environment inside…
After completing our demo application in the third part, we will now build installable packages for the different platforms.
Representing Linux systems, we will build a Debian package. For Windows, we will build a Squirrel package and for Mac OS a ZIP package.
If you want to bring your app into the app stores of the respective platform, you can do so with electron-forge.
The documentation gives detailed information about the possibilities of how to build your packages and how to publish them at the same time.
package.jsonwe add a proper description for our demo app and decide…
In the second part, we gave our Electron app a look suitable for each operating system. Depending on the platform, we have used an extra stylesheet for every platform to ensure that the application fits in well.
In this part, we will now rebuild the menu of the
gtk3-demo-application. To do this, we will first build the app menu of the application. We define this when starting the app. As a second step, we will create a context menu that is composed at runtime of the application.
Finally, we will do a few optimizations for Mac OS. The app menu…
In the previous article (part 1), we wrote an Electron application based on the GTK demo app. We created the basic structure of the application and added the functionality that the application provides.
First, we only want to adjust the look of the application accordingly. For a start, we will find out on which operating system and with which window manager the application runs.
Equipped with this information, we will then load the appropriate style sheet to make the application look native.
The goal is not that the application looks 100% like an application written with the window toolkit of…
You want to write cross-platform apps with React? With Electron and a few NPM-packages, this is no problem. In this tutorial I will show you the foundations of developing cross-platform apps that look good on Windows, Mac, and Linux.
The combination of Electron and React makes it easy to write desktop apps for Windows, Mac, and Linux. The combination of Electron and React gives you a familiar development workflow that is much more comfortable than the workflow of native GUI frameworks.
A great example of a cross-platform app that was developed with React and Electron is Alva. …