Memoires of the Commonly Uncommon Tech Solutions

mui

MUI v5 Themes

I’ve already covered how to add a theme to Material-UI version 4, but what about MUI v5 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 …

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 …

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

Using 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 …