Category: JavaScript

We create open-source because we love it, and we share our finding so everyone else can benefit as well.

electron ipc system

Window to Window Messaging with @electron/remote

In a previous article, I covered how to accomplish Window to Window Communication in Electron with a message passing system. Since Electron 14 removed the remote module, this system will not work in older versions. So in this article we will discuss how to upgrade this window to window messaging system to use @electron/remote.

emotion js react

Styling with Emotion JS

JSS came along as an easy answer to dynamic CSS, and offering CSS properties as their own camel-cased properties. While JSS requires the CSS user to change some practices, it works quite well. Emotion takes this a bit further allowing for raw CSS styling, but also allowing you to create dynamic styles. Emotion’s styling system …

AWS S3

S3 Uploads in NodeJS

Uploading files to S3 using the AWS-SDK is fairly straightforward. Still, I found there are very few examples to show this with S3’s upload SDK. Of course with S3 uploads, we also want to look at how to track progress, as well as how to cancel our uploads. So in this article I’m going to …

MUI Templates

Getting started with a new framework is sometimes difficult. When working framework upgrades, it’s easier to test through an online editor like CodeSandBox. In the process I like to make it easier for others by providing templates showing off new features. These make for easy to copy projects, avoiding boilerplates. These are Redux, React, and …

mui

MUI Themes Fully-Featured with MUI v5

I’ve already covered how to add a theme to Material-UI version 4, but what about MUI Themes? With v5 we have a lot of new features to make theming a lot easier, and we also ended up with a whole new override system. If there is a great reason to move to v5, it would …

transition link page transition demo

Page Transitions in Gatsby with TransitionLink

When you want your apps and sites to look as great as possible, animations are a key addition to really make it shine. With any app that utilizes routing, you can use the Transition Link library to add page transitions into your links. So let’s look at how to add these animations to a new …

electron ipc system

Adding a Shutdown Dialog to Electron

You may not realize it yet, but there are many occasions where a shutdown dialog can help with UX. For instance, alerting users to important information prior to the app closing. When using the Electron TrayMenu, you could be telling the user, “The app won’t close until you close it from the tray”. Maybe the …

mui

MUI v5 with Emotion

Since the long-awaited release of MUI v5 (Material-UI), a lot has changed, and the migration comes with its own codemod to help make this process easier. The migration guide also focuses on how to ease your app into MUI v5, but by transitioning your into using MUI v5 in a v4-type of way. In this …

Browser Applications – Chrome Extension Programming

Writing Chrome Extensions are easier than you thought. Learn what you need to know, so you can start right away.

electron ipc system

Window to Window Communication in Electron

In Electron, it is certainly easy to create a multi-window application app in Electron, but what if you want to communicate between these windows? While we run into a restriction in the Chrome V8 Engine, that requires us to avoid remote code execution, there is a great way to accomplish window-to-window communication in Electron. We …