Design Patterns এবং TypeScript এর সাথে তাদের প্রয়োগ

Design Patterns হল পুনরায় ব্যবহৃত সমাধান, যা প্রোগ্রামিংয়ের সাধারণ সমস্যা সমাধানে সহায়তা করে। TypeScript ব্যবহার করলে, আপনি বিভিন্ন ডিজাইন প্যাটার্ন প্রয়োগ করতে পারেন, কারণ এটি OOP (Object-Oriented Programming) সমর্থন করে এবং টাইপ সিস্টেম ব্যবহার করে কোডের গুণগত মান বৃদ্ধি করতে সহায়তা করে। এখানে, TypeScript-এ কিছু জনপ্রিয় ডিজাইন প্যাটার্ন এবং তাদের প্রয়োগ আলোচনা করা হবে।

১. সিঙ্গলটন প্যাটার্ন (Singleton Pattern)

Singleton Pattern একটি ডিজাইন প্যাটার্ন যা শুধুমাত্র এক instance তৈরি করতে এবং সেটি পুনরায় ব্যবহার করতে সাহায্য করে। এটি সাধারণত এমন জায়গায় ব্যবহার করা হয় যেখানে একটি অবজেক্টের একাধিক কপি তৈরি করার প্রয়োজন নেই।

উদাহরণ:

class Singleton {
  private static instance: Singleton;

  private constructor() {}

  static getInstance(): Singleton {
    if (!Singleton.instance) {
      Singleton.instance = new Singleton();
    }
    return Singleton.instance;
  }

  public showMessage(): void {
    console.log("This is a Singleton class");
  }
}

const instance1 = Singleton.getInstance();
const instance2 = Singleton.getInstance();

console.log(instance1 === instance2);  // Output: true

instance1.showMessage();  // Output: This is a Singleton class

এখানে, Singleton ক্লাসে একটি static ফাংশন getInstance ব্যবহৃত হয়েছে, যা ক্লাসের একমাত্র এক্সেমপ্লার তৈরি করে এবং সেটি ফেরত দেয়। instance1 এবং instance2 একেই অবজেক্ট, কারণ getInstance শুধুমাত্র একবার ইনস্ট্যান্স তৈরি করে।

২. ফ্যাকটরি প্যাটার্ন (Factory Pattern)

Factory Pattern একটি ডিজাইন প্যাটার্ন যা অবজেক্ট তৈরি করার দায়িত্ব একটি ফ্যাকটরি মেথডের কাছে দিয়ে দেয়, যাতে ক্লাস বা অবজেক্টের প্রকারভেদ করা সহজ হয় এবং কোডের পুনঃব্যবহারযোগ্যতা বৃদ্ধি পায়।

উদাহরণ:

interface Product {
  operation(): string;
}

class ConcreteProductA implements Product {
  operation(): string {
    return "ConcreteProductA operation";
  }
}

class ConcreteProductB implements Product {
  operation(): string {
    return "ConcreteProductB operation";
  }
}

class Creator {
  createProduct(type: string): Product {
    if (type === "A") {
      return new ConcreteProductA();
    } else if (type === "B") {
      return new ConcreteProductB();
    } else {
      throw new Error("Invalid product type");
    }
  }
}

const creator = new Creator();
const productA = creator.createProduct("A");
console.log(productA.operation());  // Output: ConcreteProductA operation

এখানে, Creator ক্লাসের createProduct মেথড বিভিন্ন ধরনের Product তৈরি করতে ব্যবহৃত হয়, যেমন ConcreteProductA এবং ConcreteProductB। এটি অ্যাপ্লিকেশনে একটি নির্দিষ্ট ধরনের অবজেক্ট তৈরি করার প্রক্রিয়া সহজ করে।

৩. স্ট্রাটেজি প্যাটার্ন (Strategy Pattern)

Strategy Pattern একটি আচরণগত প্যাটার্ন যা ক্লাসের আচরণ (behavior) পরিবর্তন করার জন্য ব্যবহৃত হয়। এটি runtime-এ বিভিন্ন স্ট্রাটেজি নির্বাচন করতে সহায়তা করে, ফলে কোডের বিস্তৃতি বৃদ্ধি এবং মডুলারিটি সহজ হয়।

উদাহরণ:

interface PaymentStrategy {
  pay(amount: number): void;
}

class CreditCardPayment implements PaymentStrategy {
  pay(amount: number): void {
    console.log(`Paid ${amount} using Credit Card`);
  }
}

class PayPalPayment implements PaymentStrategy {
  pay(amount: number): void {
    console.log(`Paid ${amount} using PayPal`);
  }
}

class PaymentContext {
  private strategy: PaymentStrategy;

  constructor(strategy: PaymentStrategy) {
    this.strategy = strategy;
  }

  setStrategy(strategy: PaymentStrategy): void {
    this.strategy = strategy;
  }

  executePayment(amount: number): void {
    this.strategy.pay(amount);
  }
}

const creditCardPayment = new CreditCardPayment();
const payPalPayment = new PayPalPayment();

const paymentContext = new PaymentContext(creditCardPayment);
paymentContext.executePayment(100);  // Output: Paid 100 using Credit Card

paymentContext.setStrategy(payPalPayment);
paymentContext.executePayment(200);  // Output: Paid 200 using PayPal

এখানে, PaymentContext ক্লাসটি বিভিন্ন ধরনের পেমেন্ট স্ট্রাটেজি গ্রহণ করতে সক্ষম, যেমন CreditCardPayment এবং PayPalPayment। এইভাবে, পেমেন্টের স্ট্রাটেজি runtime-এ পরিবর্তন করা যায়।

৪. অবজারভার প্যাটার্ন (Observer Pattern)

Observer Pattern একটি আচরণগত প্যাটার্ন যা অবজেক্টগুলির মধ্যে একাধিক সাবস্ক্রাইবার (observer) সংযোগ করতে ব্যবহৃত হয়। যখন একটি অবজেক্ট পরিবর্তিত হয়, তখন সংশ্লিষ্ট সব অবজারভার অবহিত হয়।

উদাহরণ:

interface Observer {
  update(message: string): void;
}

class ConcreteObserver implements Observer {
  constructor(private name: string) {}

  update(message: string): void {
    console.log(`${this.name} received message: ${message}`);
  }
}

class Subject {
  private observers: Observer[] = [];

  addObserver(observer: Observer): void {
    this.observers.push(observer);
  }

  removeObserver(observer: Observer): void {
    const index = this.observers.indexOf(observer);
    if (index !== -1) {
      this.observers.splice(index, 1);
    }
  }

  notifyObservers(message: string): void {
    this.observers.forEach(observer => observer.update(message));
  }
}

const subject = new Subject();
const observer1 = new ConcreteObserver("Observer 1");
const observer2 = new ConcreteObserver("Observer 2");

subject.addObserver(observer1);
subject.addObserver(observer2);

subject.notifyObservers("Hello Observers!"); 
// Output: 
// Observer 1 received message: Hello Observers!
// Observer 2 received message: Hello Observers!

এখানে, Subject একটি সেন্ট্রাল অবজেক্ট যা তার সকল অবজারভারের সাথে যোগাযোগ করে এবং তাদেরকে আপডেট পাঠায়। যখন notifyObservers মেথড কল করা হয়, সব অবজারভারদের মেসেজ পাঠানো হয়।

৫. কমপোজিট প্যাটার্ন (Composite Pattern)

Composite Pattern একটি স্ট্রাকচারাল প্যাটার্ন যা একাধিক অবজেক্টকে একটি একক অবজেক্টের মতো আচরণ করতে সহায়তা করে। এটি হায়ারার্কিকাল স্ট্রাকচারে কার্যকরীভাবে কাজ করে, যেমন গাছের মতো ডেটা স্ট্রাকচার বা নেস্টেড অবজেক্টগুলো।

উদাহরণ:

interface Component {
  operation(): string;
}

class Leaf implements Component {
  operation(): string {
    return "Leaf";
  }
}

class Composite implements Component {
  private children: Component[] = [];

  add(child: Component): void {
    this.children.push(child);
  }

  operation(): string {
    return this.children.map(child => child.operation()).join(" + ");
  }
}

const leaf1 = new Leaf();
const leaf2 = new Leaf();
const composite = new Composite();

composite.add(leaf1);
composite.add(leaf2);

console.log(composite.operation());  // Output: Leaf + Leaf

এখানে, Composite ক্লাসটি একাধিক Leaf অবজেক্টকে ধারণ করে এবং তাদেরকে একত্রে এককভাবে পরিচালনা করে। এটি কমপোজিট প্যাটার্নের একটি উদাহরণ, যেখানে আপনি বিভিন্ন ছোট ছোট অবজেক্ট একত্রে একটি বড় অবজেক্টের মতো ব্যবহার করতে পারেন।

সারাংশ

TypeScript-এ ডিজাইন প্যাটার্নগুলি গুরুত্বপূর্ণ কারণ তারা কোডের রক্ষণাবেক্ষণযোগ্যতা এবং পুনঃব্যবহারযোগ্যতা বৃদ্ধি করতে সহায়তা করে। Singleton, Factory, Strategy, Observer, এবং Composite প্যাটার্নগুলি ব্যবহার করে আপনি আরো মডুলার, স্কেলেবল এবং টেস্টেবল অ্যাপ্লিকেশন তৈরি করতে পারেন। TypeScript-এর শক্তিশালী টাইপ সিস্টেম এবং ক্লাস-ভিত্তিক প্রোগ্রামিংয়ের সুবিধাগুলো ডিজাইন প্যাটার্নগুলির কার্যকারিতা বাড়াতে সহায়তা করে।