Skip to content
~/sph.sh

Development · 4 / 4 posts

Modern Perspective on Classic Design Patterns

A comprehensive series examining how classic Gang of Four design patterns have evolved in modern TypeScript, React, and functional programming contexts. Learn when classic patterns still apply, when they've been superseded, and how to recognize underlying principles in modern codebases.

Posts →

Series Overview

  1. 1. The Evolution of Creational Patterns in Modern TypeScript
  2. 2. Structural Patterns Meet Component Composition
  3. 3. Behavioral Patterns in the Age of Reactive Programming
  4. 4. Design Patterns Beyond the Gang of Four

Published posts

Creational Design Patterns in TypeScript: Singleton, Factory, Builder, Prototype

How Singleton, Factory, Builder, and Prototype patterns evolved in TypeScript: when ES modules replace singletons and when factory functions beat classes.
Structural Design Patterns in React and TypeScript

How Decorator, Adapter, Facade, Composite, and Proxy patterns evolved in React and TypeScript: when HOCs give way to hooks and how adapters isolate third-party APIs.
Behavioral Design Patterns in TypeScript: Observer, Strategy, Command, State

Observer, Strategy, Command, State, and Mediator in TypeScript: which ones the language already covers, and when RxJS, Redux, or XState earn their place.
Modern React and TypeScript Design Patterns Beyond the Gang of Four

Modern patterns from the JavaScript and TypeScript ecosystems - hooks, compound components, render props, and repositories that solve problems the GoF never faced.