Memoires of the Commonly Uncommon Tech Solutions

Webhook Deployments with GitHub

Having your own automatic setup for webhook deployments can be incredibly useful, but getting it setup can sometimes be a bit of an issue. To avoid this issue, we will look at ways to setup and use Go’s webhook server to setup your own automatic webhook deployment with GitHub.

docker-openvpn

OpenVPN with Docker Containers

Docker is becoming more and more commonplace with custom instance. I recently found myself needing a IDS node container for internal use that would automatically connect to a centralized logging server. The difference from other containers, was the need for an automatically active OpenVPN connection that would start with the instance. At first glance this …

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 …

apple

Testing IAP On iOS

In App Purchases is a great way to generate income in your apps, and when working with payments it is incredibly important that you test them extensively. When working with iOS, the way your IAP work and respond can keep your app build from being accepted for release. Let’s look at how to setup a …

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 …

Renaming React-Native Apps

Changing the name in a React-Native app, isn’t all that straight-forward. To be completely honest, renaming React-Native apps has been discouraged, so the common suggestion has been to simply make a new app with the correct name, then migrating your code. As someone who has never felt this was a true solution, I wanted to …

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 …