Scrollable Grid with Just-in-Time Data Loading – Part 4: Fetching Data with Apollo Client and GraphQL

Today I’ll explain how to use Apollo Client to fetch data in batches from a GraphQL endpoint and hook that data up to Infinite Loader. By the end of this post, you’ll have an (almost!) full-stack, just-in-time loading list. How did we get here? In my last few posts, I’ve explained how to: Fetch data […]

How to Test Storybook with Cypress

Storybook can be really useful for a team developing a web app. But like any software, it’s prone to rot when left untested. On my current project, I finally have a good way to test it. Here’s how!

Increasing the Value of CSS Modules with Typescript

There are many methods for managing styles in web applications, all of which attempt to prevent styles from cascading to elements that don’t need them. CSS Modules are an excellent tool for isolating application styles to the components that use them. And with the power of Typescript, we can make them even better. I’ve put […]

Scrollable Grid with Just-in-Time Loading – Part 3: Using React Table with React Window

In the first part of this series, I described how to just-in-time load and incrementally render chunks of data. I used React Window, which can render data in windowed chunks, reducing the initial load time and the amount of memory used to store DOM nodes. React Window is often used with a data fetching library […]

Setting Up an Azure Functions Dependency Injection Context for Request Tests

I’ve been trying to figure out how to do some request testing on an Azure Functions project. My goal is to submit HTTP requests with JSON bodies, have them handled by the Functions running through as much of the real production code as possible, and then get back an HTTP response with a JSON payload. […]

Firebase with Unity – Part 2: User Accounts with Authentication

Firebase authentication is an easy way to have users sign in to your Unity app. Last time, I showed you how to set up Firebase in Unity. Today, I’ll describe how to maintain an authentication state in your app and make calls to Firebase that allow users to create an account, sign in, and sign […]

App Deployment with Kubernetes, Part 3 – Deploying Your App

On the verge of creating your first Kubernetes deployment? Maybe you’ve created a Dockerfile for your applications, provisioned resources for Kubernetes, or even started up your first single pod application. To get the real benefit of Kubernetes, you need to bring these parts together and deploy your app. Kubernetes deployments allow for smooth scaling, updating, […]

App Deployment with Kubernetes, Part 2 – Preparing Your App

Most provisioning and configurations for web services happen in their respective cloud interfaces. This means web app developers must learn several different systems, and it’s more difficult to create consistent deployments. Fortunately, using a Command Line Interface and tools like Docker can make this process more consistent and familiar. This post is part of a […]

App Deployment with Kubernetes, Part 1 – Configuring Google Cloud Platform

Have you embarked on a journey to create reliable app deployments and found that getting started is overwhelming? The first hurdle is choosing and configuring your cloud resources. With a plethora of options to pick from, finding the right configuration can be complex and confusing. I’d strongly suggest using Kubernetes on Google Cloud Platform (GCP) […]

Using Jest to Test Our Express-Backed React App

On a recent project, we used Jest to orchestrate the tests across our web app, which uses a combination of Puppeteer, SuperTest, and Enzyme for testing. Here’s an overview of how we wired up and tested each part of the app, the tools/libraries we used, and the orchestration we did to run all of the […]

Atomic Spin

Atomic Object’s blog on everything we find fascinating.

Web Apps