Scrollable Grid with Just-in-Time Data Loading – Part 5: Hooking Up the Database

Our GraphQL endpoint currently generates faked-out employee data. Once we update our GraphQL resolver to query the Employee table in our database, we will have a truly full-stack implementation of just-in-time data loading (finally!). Wondering how we got here? The first four posts in this series describe how to: Fetch data in batches with react-window’s […]

The Single-Valued Type Pattern for TypeScript

We’ve been using TypeScript heavily over the last few years at Atomic, and a pattern has emerged for how we deal with cases where we want flexible, composable APIs for dealing with statically-known concerns about an application. Our Wish List Whether it’s data repositories, CMS content types, GraphQL queries, or background jobs, situations regularly arise […]

Unit Testing Google Maps API with Jest

On my current project, the goal is to create unit tests for an existing codebase. The project’s main functionalities are based upon the Google Maps API, so to isolate our functions for testing, we needed to create some mocks for that API. We chose Jest as our Javascript testing library not only for its ease […]

Getting Create React App & Express to Share Code Without Ejecting (Using Webpack & Typescript)

On a recent project, we used Create React App (CRA) as a starting point. It provides a lot of features out of the box that make starting a new React project a breeze, and it has a community-driven update path. I also wanted to share Typescript code between the front end and back end, something […]

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 […]

Atomic Spin

Atomic Object’s blog on everything we find fascinating.

Web Apps