Tag

#react

7 posts

Building an AI Typing Coach That Generates Its Own Lessons
Applied javascript typescript 14 min

Building an AI Typing Coach That Generates Its Own Lessons

Most typing tutors use the same boring sentences. I built one that generates infinite lessons on any topic using a local AI model.

typing ollama ai
Debugging AudioContext Memory Leaks in React
Professional javascript typescript 15 min

Debugging AudioContext Memory Leaks in React

The app leaked 2MB every mode switch. The culprit: an AudioContext nobody was closing. Here's the full debugging story — from symptom to fix.

react debugging memory-leaks
Building a Professional Demo Site for a School in One Weekend
Applied web development 14 min

Building a Professional Demo Site for a School in One Weekend

I rebuilt a school's outdated website as a polished React demo — photo gallery, video montage, and GitHub Pages deploy. Here's the full build.

react vite tailwind
Fusing 25 Live Data Feeds on a 3D Globe — Layer Pipeline Architecture
Professional web development 25 min

Fusing 25 Live Data Feeds on a 3D Globe — Layer Pipeline Architecture

OMNI renders 25 real-time data layers on a CesiumJS globe — AIS ships, aircraft, weather, earthquakes, wildfires. Here's the layer pipeline that makes it work without melting the browser.

cesium geospatial real-time
Zustand at Scale: 4-Slice Architecture for a Real-Time Platform
Professional web development 16 min

Zustand at Scale: 4-Slice Architecture for a Real-Time Platform

OMNI manages globe state, layer toggles, panel visibility, and user preferences across 25+ data sources. Here's the 4-slice Zustand architecture that keeps it sane.

zustand state-management react
Race Conditions in Cesium Click Handlers — A Three-Week Bug Story
Professional web development 14 min

Race Conditions in Cesium Click Handlers — A Three-Week Bug Story

Clicking an entity on the OMNI globe sometimes selected the wrong one. The bug lived in a closure over stale state. It took three weeks to find.

cesium race-condition debugging
Imperative vs Declarative 3D: Why CesiumJS Crashes at Scale
Professional web development 12 min

Imperative vs Declarative 3D: Why CesiumJS Crashes at Scale

CesiumJS has a React wrapper called Resium. It works fine for demos. It will destroy your production app. Here's why I went fully imperative.

cesium resium react