DEV Community

Cover image for JavaScript Design Patterns
Alaa Samy
Alaa Samy

Posted on • Edited on

1

JavaScript Design Patterns

Design patterns are advanced object-oriented solutions, used to recurring problems in software design.

Design patterns have many categorizations, but the most popular one is:

⚡- Creational Design Patterns:

It deals with object or class creation mechanisms, and it solves design problems when creating objects.
1- Factory Methods
2- Builder
3- Abstract Factory
4- Prototype
5- Singleton

⚡- Structural Design Patterns:

It assembles objects and classes into a larger structure, making sure that this structure is flexible and efficient, and that if change happens to part of a system it doesn’t affect the system entirely.
1- Adapter
2- Composite
3- Decorator
4- Bridge
5- Flyweight
6- Facade
7- Proxy

⚡- Behavioral Design Patterns:

It’s responsible for improving the communication between disparate objects and classes in a system.
1- Command
2- Interpreter
3- Iterator
4- Memento
5- Observer
6- Template Method
7- Chain of Responsibility
8- Meditor
9- State
10- Strategy
11- Visitor

Sentry blog image

How I fixed 20 seconds of lag for every user in just 20 minutes.

Our AI agent was running 10-20 seconds slower than it should, impacting both our own developers and our early adopters. See how I used Sentry Profiling to fix it in record time.

Read more

Top comments (0)

SurveyJS custom survey software

JavaScript Form Builder UI Component

Generate dynamic JSON-driven forms directly in your JavaScript app (Angular, React, Vue.js, jQuery) with a fully customizable drag-and-drop form builder. Easily integrate with any backend system and retain full ownership over your data, with no user or form submission limits.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay