Pattern Registry

A General-Purpose Async Loading Component for React Query

One way to centralise loading, error, and retry UI for React Query without leaking query state into every component.

frontend:async-handlingfrontend:error-handling

Torben Sko

AI-Managed Documentation That Lives in Your Codebase

Embedding markdown documentation directly in your app and letting Claude maintain it produces docs that stay accurate, include real diagrams, and don't rot.

architecture:documentation

Torben Sko

API Mocking Pattern for React and Storybook

A clean pattern for swapping between real and mock APIs without polluting your components with mocking logic.

quality:unit-testingfrontend:component-demos

Torben Sko

Data Model handling in TypeScript

A pattern for shared, runtime-validated data models that catch issues early and keep frontend and backend in sync.

data:modelsdata:validationdata:serialisation

Torben Sko

Demo Driven Development

Building components in isolation with comprehensive demos catches edge cases that unit tests miss and ensures your UI handles failure gracefully.

frontend:component-demosfrontend:ui-conventions

Torben Sko

E2E Testing with Playwright and Storybook

A testing strategy that mirrors how you build UIs — composable, isolated, and resilient to change.

quality:e2e-testingfrontend:component-demos

Torben Sko

Electron App Architecture

Architectural conventions for building an Electron app with Vite, React, Tailwind, shadcn/ui, and typed IPC

auth0|69b72db2e7aee5bf600780a4

Electron Release Pipeline

GitHub Actions CI/CD for building, signing, distributing, and auto-updating an Electron app via S3/CloudFront

auth0|69b72db2e7aee5bf600780a4

Environment Configuration Best Practices

Fail fast with explicit values. No defaults, no fallbacks, no computed configuration.

ops:environment

Torben Sko

Fixing Tailwind Culling in Monorepos

A practical pattern for preventing Tailwind v4 from culling classes in shared monorepo components.

frontend:ui-conventionsarchitecture:repo-structure

Torben Sko

Lambda Tips

Tips for making lambdas easier to debug and maintain.

backend:api-designops:logging

Torben Sko

Managing the LocalStack Lifecycle

Treat LocalStack as disposable infrastructure. Destroy the container on every deploy and avoid partial teardowns.

quality:unit-testingops:environment

Torben Sko

Null vs Undefined

null and undefined are not interchangeable. Treating them as such blurs intent, weakens APIs, and forces defensive code everywhere.

data:modelsquality:linting

Torben Sko

Organising Environment Files

As the number of apps, services and environments grow over time, these tips keep your environment configurations files more manageable

ops:environmentarchitecture:repo-structure

Torben Sko

Service Events: Rolling Your Own Event Logging

A lightweight event tracking system built on DynamoDB that provides visibility across your services without the cost or complexity of third-party logging platforms.

ops:loggingops:observability

Torben Sko