State Management in Vue: Vuex vs. Pinia
Vuex vs. Pinia explained with real trade‑offs, including API design, TypeScript ergonomics, migration paths, and when each choice still makes sense.
Articles
Architecture
In web development, architecture is the shape of a system over time: the boundaries we choose, the responsibilities we assign, and the trade‑offs that keep change affordable as a product grows. Good front‑end architecture is rarely about grand diagrams alone; it is more often about clarity, resilience, and leaving teams with something they can still work with sensibly six months later.
Below you will find a subset of articles from my blog specifically about Architecture. This is an area that I have worked with for many years, and have managed to write about quite a few times. There are eight collected together for you below.
State Management in Vue: Vuex vs. Pinia. 
How to Vet a Senior Next.js Developer for a Replatform or Recovery Project. How to Vet a Senior Next.js Developer for a Replatform or Recovery Project
How to vet a senior Next.js developer for replatforming, recovery, SEO, performance, CMS, Vercel, and production debugging work.
Using RxJS for State Management in Angular. Using RxJS for State Management in Angular
RxJS offers a powerful, reactive approach to managing state in Angular apps. Here, I clearly explain practical patterns and show how to use them effectively.
React Developer vs. Next.js Developer: What Actually Changes in Production. React Developer vs. Next.js Developer: What Actually Changes in Production
React developer vs. Next.js developer explained through production concerns: rendering, routing, caching, SEO, deployment, CMS data, and debugging.
Building Multi‑Tenant Applications with Next.js. Building Multi‑Tenant Applications with Next.js
Multi‑tenant applications serve multiple customers from a single codebase. Here, I walk through building a scalable multi‑tenant web application using Next.js.
Building Design Systems for Web Applications with Figma, Storybook, and npm. Building Design Systems for Web Applications with Figma, Storybook, and npm
Build design systems for web apps with Figma tokens, Storybook components, npm packages, release discipline, supply‑chain care, and team adoption.
React Hooks: Modern State Management. React Hooks: Modern State Management
React Hooks, introduced in React 16.8, bring state and lifecycle features to functional components. Here, I explore how they work and why they matter.
React Error Boundaries Explained. React Error Boundaries Explained
React error boundaries explained with fallback UI, componentDidCatch(), getDerivedStateFromError(), logging, placement strategy, and what they cannot catch.