Memoires of the Commonly Uncommon Tech Solutions

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 …

React Animations with React Transition Group

When the time comes to add the polish to your apps, animations cannot often be overlooked. Even simple animations make a world of difference in your app’s presentation. We will take a look at how to quickly add transition animations using react-transition-group.

React Native Admob

Using React Native Admob to Include Ads

I can be awkward including ads into your react-native app for the first time. Using react-native-admob can make this a simple process, but there are some difficulties that come with it. We will go over the process, and how you can test your ads.

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 …

mui

Material UI Themes in React

An additional theme being added to your app, not only adds character to your application, but can also increase accessibility to app. While the Material-UI documentation hasn’t always been clear on how to accomplish this, it’s actually an easy system to become accustom to. We’ll quickly go over how to implement themes and how to …

type checking

Type Checking: A Necessity in Dynamic Development

When first learning about type checking, it can be easily seen as an unnecessary addition to an application. When it comes to dynamic languages, type checkers prove themselves invaluable in a rapid development setting, and in a multitude of ways. Once you see the benefits, it is difficult to keep from making it a common …

electron ipc system

Writing Complete Apps in Electron

Electron has been a common go-to framework for developing desktop applications, and in that time there have been many unexpected nuances. Many developers would find these issues, and then abruptly move away from Electron because of it. So we will discuss everything you need to write your apps in Electron, as well as show you …