Building a Text Wave Highlight in React
How the moving text wave in my hero works: split the sentence into characters, track one active index, and shift the highlight across the string.
SemVer and package.json Version Prefixes
I keep forgetting what versions like 1.0.3 mean and what ^ does in package.json, so this is now in my learning backlog.
JavaScript AbortController
Early notes on AbortController: what it solves, where it fits, and what I still need to test.
How to Pass a React Variable to CSS
Use CSS custom properties from React, validate rendering behavior with React Scan, and know when a ref is better than state.
GOOMBO: A Local Usage Tracker (and Soon, an AI That Nags You)
I built a personal usage dashboard in a few hours with Codex—macOS + Android + Firefox, all local. Here’s how it works and what’s next: an AI that messages me when I’m getting distracted.
What I Learned Building an AI Agent from Scratch
Two days building a general-purpose agent in TypeScript—tool calls, the agent loop, context management, evals, and human-in-the-loop guardrails. No frameworks, no magic.
Building Scalable Full-Stack Systems: Lessons from the Workbench
Reflections on architecting a microservices-based OCR application with built-in observability, real-time status updates, and horizontal scalability—lessons from building scalable-fullstack.
Designing Frontend Components with Injected State
How I design small React UI components by injecting state instead of fetching inside them—so you can drive loading, error, and data states from the outside and combine this with Storybook and component tests.
Building AI-Powered RAG Systems with LangChain
Learn how to integrate AI-powered Retrieval Augmented Generation systems into existing applications using LangChain and FastAPI.
Building a Component System from Figma: From Design to Code with Ladle
How to systematically transform Figma designs into a component system using Ladle/Storybook, starting with basic library components and building up to complex dashboards.
Smart Contract Development Best Practices
Explore the best practices for developing secure and efficient smart contracts for blockchain applications.
Optimizing React Performance for Complex Applications
Discover techniques for optimizing the performance of complex React applications with large datasets and intricate UI components.