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

Scrollable Grid with Just-in-Time Data Loading – Part 2: Storing and Restoring Scroll Position with React Window

On my current project, we’re using just-in-time loading on a grid that might render up to twenty thousand rows. Each of these rows represents a product and is clickable. On row click, the user is redirected to another page (a product detail page). A user might want to check out these product details and then […]

Firebase with Unity – Part 1: Project Setup

If you are building a Unity application that will require user sign-on, Google’s Firebase is a great option, with Authentication, Database, Storage, Hosting, Functions, and more. Plus it’s fairly easy to get set up! In this tutorial, I’ll explain how to create a Firebase account, register your app, and get your Unity project prepared for […]

Dockerizing an ASP.NET + React App

My team has started working on a new web application, and we’ve been asked to use ASP.NET for the backend. We chose to use React for the frontend because we’ve had significant success with React at Atomic, and we wanted to leverage some existing UI components that were built in React. We try to avoid […]

Using Developer Authenticated Identities with Cognito Identity Pools In TypeScript

Cognito identity pools provide an easy way to enable your users to have limited access to your AWS backend. With developer authenticated identities, you can integrate Cognito into your existing authentication process. 1. Create an Identity Pool Go to the Cognito developers console and click “Manage Identity Pools,” then “Create new identity pool.” Name your […]

Scrollable Grid with Just-in-Time Data Loading – Part 1: Using React Window

Say you have thousands (or even just hundreds) of rows of data to render. To provide a good experience for the user, you might not want to fetch all the data at once. Instead, you might want to fetch the first hundred, show those, then fetch the next hundred. Alternatively, you could fetch all the data at […]

How to Add Custom Functions to a Jest Test Suite

Jest is a fantastic testing framework. Of the many I’ve used across different platforms and languages, it’s the best by a landslide. Jest is fast to learn, easy to use, full of features out of the box, and simple to customize. One of the opportunities to customize your Jest test suite is to add custom […]

How to Add a Timeout to Promises in Node.js

Even though Node.js has great out-of-the-box support for asynchronous programming and promises with its async/await syntax, it doesn’t include the ability to add a timeout to these promises. I had to deal with this on a recent React Native project while integrating with a third-party library. This library had a number of functions that were […]

You Need More than REST for API Success

On the surface, REST API design looks to be quite simple. You just need to follow some conventions for your URL paths and return an appropriate HTTP status code. But the reality of the networked world and the needs of your API consumers often go beyond what standing up a REST API can offer you. […]

Add F# to Your Web App with Fable

I’ve written previously about JavaScript-free web development using F#, but there are other options if you don’t have the luxury of starting a new project with F#. One of those is Fable, which has a pretty low barrier to entry in terms of integration with existing projects.

Atomic Spin

Atomic Object’s blog on everything we find fascinating.

Web Apps