Mithril.js – The Smallest, Fastest SPA Framework You’ve Never Used

I love exploring new libraries and frameworks to see where the next big trends or patterns might be. I don’t know how I came across Mithril.js, but I’m glad I did. Mithril brings something new to the table — it’s minimal and fast. I’m going to explore how Mithril is different from React (my favorite […]

Reading and Writing a Private Google Sheet Programmatically

Google Sheets is amazing — a free, publicly accessible spreadsheet available to anyone with an Internet connection. With its expressive (if a bit obtuse) formula programming language and its ease of distribution, it’s not surprising that Google Sheets is a favorite component of many cloud automations. Even here at Atomic, where we have easy access […]

Drawing Thousands of Polylines via Google Maps API V3

My team is working on an Electron app built with Node that allows route plotting via Google Maps API V3. The goal was to display routes on a nationwide view, drawing more than 500,000 polylines. At the beginning of this task, the app would run out of memory trying to plot lines in a view […]

How to Use a List of Results from One Splunk Panel in Another

Splunk is a great tool for searching, reviewing, and manipulating data. Unfortunately, it can be hard to figure out how to use a list of results from one Splunk panel in another panel. Here’s the method that works for me. For simplicity’s sake, I’ll be using info logger data from pipeline runs. They look something […]

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!

Atomic Spin

Atomic Object’s blog on everything we find fascinating.

Web Apps