Analysis

Compare patterns

Evaluate design patterns side by side across intent, tradeoffs, languages, and integration fit.

Choose patterns

Select up to 3 patterns

Abstract FactoryAdapterBridgeBuilderChain of ResponsibilityCommandCompositeDecoratorFacadeFactory MethodFlyweightInterpreterIteratorMediatorMementoObserverPrototypeProxySingletonStateStrategyTemplate MethodVisitor

Current selection

3 of 3 selected

You can now review the differences across the comparison table below.

Clear all

Analysis

Pattern comparison

Reviewing 3 patterns.

Criteria
structuralFlyweightView pattern
structuralProxyView pattern
behavioralStateView pattern
Basics
Categorystructuralstructuralbehavioral
Summary———
IntentUse sharing to support large numbers of fine-grained objects efficiently by separating shared intrinsic state from per-object extrinsic state.Provide a surrogate or placeholder for another object to control access to it.Allow an object to alter its behavior when its internal state changes by delegating state-specific behavior to separate state objects.
Decision factors
ProblemA system creates a large number of similar objects, but storing all of their state separately uses too much memory.A client needs to interact with an object indirectly because the real object may be expensive, sensitive, or remote.An object behaves differently depending on its internal state, and conditional logic is becoming hard to manage.
Tradeoffs
  • Adds complexity because state must be split into shared and unshared parts
  • Can be harder to understand when many objects depend on an external context
  • Adds another layer of indirection
  • Can make the design more complex when the extra control is unnecessary
  • Can introduce many small classes if the state graph is large
  • State transitions may become harder to trace if spread across multiple classes
Practical fit
Languages
  • typescript
  • java
  • python
  • angular
  • react
  • react-native
  • csharp
  • dotnet
  • typescript
  • java
  • python
  • angular
  • react
  • react-native
  • csharp
  • dotnet
  • typescript
  • java
  • python
  • angular
  • react
  • react-native
  • csharp
  • dotnet
Platforms
  • Web
  • Backend
  • Mobile
  • UI kits
  • Cross-platform systems
  • Web
  • Backend
  • Mobile
  • UI kits
  • Cross-platform systems
  • Web
  • Backend
  • Mobile
  • UI kits
  • Cross-platform systems
Integration notesFlyweight is useful when thousands or millions of similar objects need to be represented efficiently, such as trees, glyphs, tiles, or UI tokens.Proxy is useful for lazy loading, access control, caching, logging, and remote service wrappers.State is useful for workflows, media players, order lifecycles, and any domain where behavior changes as the object moves through a lifecycle.