Category: React

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

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 …

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 …

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 …

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 …

react redux

Getting Started with Redux: Part 3 – Refactoring

Now that we have a working Redux app now, we should start looking at ways we can optimize our code, as well as take full advantage of redux. In this last part of getting started with redux, we will cover how to take advantage of asynchronous actions, DRYing up our code, and controlling and accessing …