John Ruble on Atomic Spin

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.

Extracurricular Activities

Host a Minecraft server with Docker

If you like to DIY, and you happen to already have a headless computer running 24/7 in your basement, then a Dockerized Minecraft server is pretty neat!

Developer Tools

Using Docker for Occasional Linux Access

Do you need to build or debug your app in Linux now and then? I’ll show you how to use Docker to put a Linux environment at your fingertips.

Developer Tools

Why I Prefer Makefiles Over package.json Scripts

Does your package.json file have a large scripts section? If you have more than a handful of extremely simple npm scripts, try Makefiles.

Extracurricular Activities

External Monitor Color Space, Part 2: Big Sur

How to override your display's EDID to force RGB mode when you get a problematic YCbCr/RGB connection on MacOS Big Sur (on Intel Macs).

Development

Shell Scripts to Clone Prod Data Locally

My latest shell scripts to clone a remote Postgres database (in AWS RDS) through an SSH tunnel and load it locally.

React / Redux

Embed Version Information in Your Dockerized React App

It's a good idea to have exact version information accessible from within an app you're building. Here's how to make it happen in a React app that's deployed with Docker.

Web Apps

How to Test Storybook with Cypress

Like any software, Storybook is prone to rot when left untested. I finally have a good way to test it!

Extracurricular Activities

How to Use an Old iPhone as a Webcam for Your Mac

With webcams out of stock everywhere, I'm making do with an old smartphone. I'll compare EpocCam and Iriun Webcam, explain my setup, and talk compatibility.

John Ruble

Keep up with our latest posts.