John Ruble on Atomic Spin

TypeScript

Build a Lightweight Code Generator with TypeScript and JSON Imports

On a recent project, my team created a lightweight code generator, with reusable techniques I want to share. Read on for the why and the how.

TypeScript

Typescript Switches on Multiple Inputs

I recently found myself wanting a two-dimensional switch statement in TypeScript. Here's one way to write one!

TypeScript

Add CLI Scripts to Your TypeScript/Node Project with TSX (No, the Other TSX)

One-off CLI scripts that share code with the application are valuable. Here's my favorite way to run them in a Node.js TypeScript project.

Developer Tools

Integrating Contentful with a Server-Rendered Next.js App? Watch Out for Cycles!

It can be hazardous to combine Contentful with server-side rendering (SSR). My first tip: watch out for cycles!

Developer Tools

In the Market for a GraphQL server? Try GraphQL Yoga

My team recently stood up a GraphQL API endpoint with a server called Yoga, and I was pleased with how easy it was to get going.

Developer Tools

Why I Switched from Skitch to Shottr

I have been using Skitch for marking up screenshots, but recently at the suggestion of a co-worker, I switched to a new tool: Shottr.

Exploratory Testing

2 Ways to Catch Software Deployment Problems Early

Have you ever introduced a bug that lurked undetected until deployment? I'll describe a couple of these bugs and early-warning systems to catch them.

Developer Tools

Stopwatch.sh: A Simple Tool to Measure Elapsed Time

Many tools will measure how long it takes for a computer to do something. Stopwatch.sh is one I keep up my sleeve for when none of those other tools fit.

React / Redux

Building a Terminal Wordle Game with React Ink

I recently decided to write my own Terminal Wordle and used Ink, a library that lets you build Terminal UI apps using the same patterns as web apps.

TypeScript

How to Organize Your TypeScript Project with Workspaces

Here, I’ll walk through combining Yarn Workspaces with TypeScript Project References to assemble something resembling other languages’ project structures.

Development Practices

Use TypeScript Assertion Functions for Legible Test Expectations

If you're working with Discriminated Unions, TypeScript's Assertion Functions can help keep your test expectations legible.

Development Practices

Runtime Configuration for SPAs

We recently had a need for runtime configuration in our web app’s frontend. In this post I’ll describe what that means and how we achieved it.

John Ruble

Keep up with our latest posts.