In this lesson, we are going to explore how React batch update feature works and how we can opt out of it. — If you haven’t read my previous article about React 18 Suspense, then please do so. In this article, I have briefly explained how the React 18 concurrent renderer works, how to opt in to use it and some of the new features in React 18. …

In this lesson, we are going to learn how to package an electron application using electron-builder and distribute this application using GitHub releases. — In the previous lessons, we learned how to create Electron applications and how to use electron-weback to bundle the application source. So far, we haven’t packaged the application as we were only running the application using either the $ electron or $ electron-webpack commands.

In this lesson, we are going to build a React-based Electron application using the electron-webpack package. This package also provides HMR support out of the box, so we will dive deep into that as well. — In the previous lessons, we worked on some simple Electron applications. In the introductory lesson, we created an Electron application to display a random image from the internet. In the File IO lesson, we worked on project structure and understood a few important development concepts.

In this lesson, we are going to create an Electron application with a file drag and drop feature. We are also going to see how to manage application-related file storage on the system. — In the previous lesson, we learned about the anatomy of an Electron application and how main and renderer processes play their role in the lifecycle of the application. We also built a sample app to resize and display a random image from the internet.

In this lesson, we are going to take a look at the architecture of Electron and understand how Electron works. Then we are going to set up a sample Electron project and create a simple desktop application using HTML, CSS, and JavaScript. — Would you believe me if I said Slack, VSCode, Atom, Skype, Discord, and Whatsapp desktop applications you are using right now were written using are HTML, CSS, and JavaScript? Probably not. Because in our day to day lives, we only use these languages for designing websites.

In this lesson, we are going to create a sample image-processing web application using ExpressJs and host it on Heroku. — Heroku is a PaaS (platform as a service) provider. Using Heroku, we can deploy applications on the cloud in a matter of seconds. It supports many programming languages such as Java, Node.js, Python, PHP, Go, etc. Things that set Heroku apart from other platforms such as AWS, Google Cloud, or…

In this lesson, we are going to learn how Docker Compose works and how it can be used to deploy & manage multiple containers in the production environment. — In the previous lessons, we discussed the basics of Docker. We learned the anatomy of Docker containers, the structure of a Dockerfile, how to create images, how to manage containers, etc. This is just the basic information we need to know in order to operate Docker.

In this lesson, we are going to understand how host-to-container and container-to-container communication takes place. Since this won’t be an advanced guide, we are only going to explore the surface of networking in Docker. — In the previous lessons, we learned a great deal about Docker, Dockerfile, Docker images, and Docker containers. …