All Projects → fbeline → Design Patterns Js

fbeline / Design Patterns Js

Licence: mit
All the 23 (GoF) design patterns implemented in Javascript

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Design Patterns Js

design-patterns-cookbook
Design Patterns in simple words with examples on PHP
Stars: ✭ 26 (-99.14%)
Mutual labels:  design-patterns, gang-of-four
Design Patterns In Swift
📖 Design Patterns implemented in Swift 5.0
Stars: ✭ 13,146 (+334.43%)
Mutual labels:  design-patterns, gang-of-four
Design Patterns Explained With Food
GoF Design Patterns with "Real-World" examples involving Food-Related Businesses and mock dependencies
Stars: ✭ 2,152 (-28.88%)
Mutual labels:  design-patterns, gang-of-four
Design-Patterns
Design Patterns
Stars: ✭ 29 (-99.04%)
Mutual labels:  design-patterns, gang-of-four
design-patterns-for-parser-combinators
A Really Cool Calculator written in Haskell... or is it?
Stars: ✭ 29 (-99.04%)
Mutual labels:  design-patterns
design-patterns
👨🏻‍💻 Swoole微课程-PHP设计模式相关代码
Stars: ✭ 51 (-98.31%)
Mutual labels:  design-patterns
adhesion-rs
D-inspired contract programming in Rust using macros
Stars: ✭ 49 (-98.38%)
Mutual labels:  design-patterns
chuxiuhong-rust-patterns-zh
Rust设计模式中文翻译
Stars: ✭ 36 (-98.81%)
Mutual labels:  design-patterns
Go Design Pattern
golang design pattern go 设计模式实现,包含 23 种常见的设计模式实现,同时这也是极客时间-设计模式之美 的笔记
Stars: ✭ 253 (-91.64%)
Mutual labels:  design-patterns
common
常用的模式、方法、算法。Common patterns and methods.
Stars: ✭ 59 (-98.05%)
Mutual labels:  design-patterns
laravel-filters
Need some filters? This package is based on the Repository Design Pattern to let you create specific queries easily.
Stars: ✭ 19 (-99.37%)
Mutual labels:  design-patterns
riblet-sample
A sample to represent Uber Riblets design pattern using Swift.
Stars: ✭ 42 (-98.61%)
Mutual labels:  design-patterns
DoFactorydotNetDesignPattern
http://www.dofactory.com/net/design-patterns
Stars: ✭ 17 (-99.44%)
Mutual labels:  design-patterns
design-patterns-java
📗 Classic OOP Design Patterns from GoF, implemented in Java.
Stars: ✭ 25 (-99.17%)
Mutual labels:  design-patterns
Design
🎨 Everything Design related in OSCA
Stars: ✭ 23 (-99.24%)
Mutual labels:  design-patterns
Kodkod
https://github.com/alirizaadiyahsi/Nucleus Web API layered architecture startup template with ASP.NET Core 2.1, EF Core 2.1 and Vue Client
Stars: ✭ 45 (-98.51%)
Mutual labels:  design-patterns
CSharpDesignPatterns
Examples of design patterns, using C# code.
Stars: ✭ 84 (-97.22%)
Mutual labels:  design-patterns
brevis
CSS at scale
Stars: ✭ 62 (-97.95%)
Mutual labels:  design-patterns
java-design-patterns-web
Java Design Patterns website at https://java-design-patterns.com
Stars: ✭ 81 (-97.32%)
Mutual labels:  design-patterns
patterns
📰 A collection of UI / UX patterns for different types of applications
Stars: ✭ 67 (-97.79%)
Mutual labels:  design-patterns

Design Patterns JS Coverage Status

Here you will find the 23 (GoF) design patterns implemented in JavaScript using both prototype and ES6 classes. You can use the docs.md to quicky overview the examples.

Follows the list of patterns separed by type:

Creational Patterns

Creational patterns are ones that create objects for you, rather than having you instantiate objects directly. This gives your program more flexibility in deciding which objects need to be created for a given case.

  • Abstract factory: provide an interface for creating families of related or dependent objects without specifying their concrete classes.
  • Builder: separate the construction of a complex object from its representation, allowing the same construction process to create various representations.
  • Factory method: define an interface for creating a single object, but let subclasses decide which class to instantiate. Factory Method lets a class defer instantiation to subclasses.
  • Prototype: specify the kinds of objects to create using a prototypical instance, and create new objects from the 'skeleton' of an existing object, thus boosting performance and keeping memory footprints to a minimum.
  • Singleton: ensure a class has only one instance, and provide a global point of access to it.

Structural Patterns

These concern class and object composition. They use inheritance to compose interfaces and define ways to compose objects to obtain new functionality.

  • Adapter: allows classes with incompatible interfaces to work together by wrapping its own interface around that of an already existing class.
  • Bridge: decouples an abstraction from its implementation so that the two can vary independently.
  • Composite: composes zero-or-more similar objects so that they can be manipulated as one object.
  • Decorator: dynamically adds/overrides behaviour in an existing method of an object.
  • Facade: provides a simplified interface to a large body of code.
  • Flyweight: reduces the cost of creating and manipulating a large number of similar objects.
  • Proxy: provides a placeholder for another object to control access, reduce cost, and reduce complexity.

Behavioral Patterns

Most of these design patterns are specifically concerned with communication between objects.

  • Chain of responsibility: delegates commands to a chain of processing objects.
  • Command: creates objects which encapsulate actions and parameters.
  • Interpreter: implements a specialized language.
  • Iterator: accesses the elements of an object sequentially without exposing its underlying representation.
  • Mediator: allows loose coupling between classes by being the only class that has detailed knowledge of their methods.
  • Memento: provides the ability to restore an object to its previous state (undo).
  • Observer: is a publish/subscribe pattern which allows a number of observer objects to see an event.
  • State: allows an object to alter its behavior when its internal state changes.
  • Strategy: allows one of a family of algorithms to be selected on-the-fly at runtime.
  • Template: method defines the skeleton of an algorithm as an abstract class, allowing its subclasses to provide concrete behavior.
  • Visitor: separates an algorithm from an object structure by moving the hierarchy of methods into one object.

Testing

To run the tests you just need to execute the following commands inside the project root folder:

npm install
npm test

TODO

Some patterns still need to be implemented using ES6 classes.

Notes

  • All the short definitions used in this documentation were extracted from here.
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].