https://github.com/behzadam/patterns

Learn and apply TypeScript design patterns through practical examples and code snippets.
https://github.com/behzadam/patterns

design-pattern design-patterns design-system patterns typescript

Last synced: about 2 months ago
JSON representation

Learn and apply TypeScript design patterns through practical examples and code snippets.

• Host: GitHub
• URL: https://github.com/behzadam/patterns
• Owner: behzadam
• License: mit
• Created: 2024-08-21T13:36:24.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-08-28T15:15:03.000Z (5 months ago)
• Last Synced: 2024-08-28T20:05:00.915Z (5 months ago)
• Topics: design-pattern, design-patterns, design-system, patterns, typescript
• Language: TypeScript
• Homepage:
• Size: 69.3 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# TypeScript Design Patterns

A curated collection of TypeScript design patterns, implemented and explained for easy understanding and implementation.

## Introduction

This repository provides practical examples of common design patterns in TypeScript. Each pattern includes a detailed explanation, code implementation, and usage scenarios.

## Patterns Included

- Creational Patterns

  - [Factory Method](src/creational/factory/factory.ts)

  - Abstract Factory

  - [Singleton](src/creational/singleton/singleton.ts)

  - [Builder](src/creational/builder/builder.ts)

  - [Prototype](src/creational/prototype/prototype.ts)

- Structural Patterns

  - [Adapter](src/structural/adapter/adapter.ts)

  - [Bridge](src/structural/bridge/bridge.ts)

  - [Composite](src/structural/composite/composite.ts)

  - [Decorator](src/structural/decorator/decorator.ts)

  - [Facade](src/structural/facade/facade.ts)

    - [P5.js Example Live](https://editor.p5js.org/behzad.am/full/Z_cxjFuwt)

  - [Flyweight](src/structural/flyweight/flyweight.ts)

    - [P5.js Example Live](https://editor.p5js.org/behzad.am/full/eTARZLkof)

  - [Proxy](src/structural/proxy/proxy.ts)

- Behavioral Patterns

  - Strategy

  - Observer

  - Iterator

  - Template Method

  - [Command](src/behavioral/command/command.ts)

    - [P5.js Example Live](https://editor.p5js.org/behzad.am/sketches/Nu8dD-p9a)

  - Chain of Responsibility

  - Mediator

  - State

  - Visitor

## License

This project is licensed under the MIT License.

## Acknowledgments

Behzad Ali Mohammad Zad for creating and maintaining this repository.

Enjoy exploring and learning TypeScript design patterns!