---

⚠️ Note: This is currently work in progress.

---

Javascript Design Patterns

This repository lists common Javascript design patterns with examples. It is based from different sources all listed below.

Patterns

Creational

• Factory
• Factory Method
• Abstract Factory
• Builder
• Prototype //
• Singleton

Structural

• Adapter
• Bridge
• Composite
• Decorator
• Facade
• Flyweight
• Proxy

Behavioral

• Chain of Responsibility
• Command
• Iterator
• Mediator
• Memento
• Observer
• Visitor
• Strategy
• State
• Template Method

???

• Module pattern

React Patterns

• Container/Presentation pattern
• High order component pattern
• Render props pattern
• Hooks pattern
• Provider pattern
• Compound pattern

Performance Patterns

• Bundling & Compiling
• Static & Dynamic Imports
• Browser Hints: Prefetch & Preload

Rendering Patterns

• Core Web Vitals
• Client-Side & Static Rendering
• Incremental Rerendering & SSR

Acknowledgments

• Patterns.dev
• Design patterns for humans
• Essential js design patterns
• JS ES6 design patterns: Factory
• Singleton design pattern: introduction