module pattern

Uygulamamız ve code base büyüdükçe, kodumuzu sürdürülebilir tutmak giderek zorlaşıyor. Module pattern, kodumuzu daha küçük, yeniden kullanılabilir parçalara ayırmamızı sağlayarak sürdürülebilirlik durumuna çözüm sunuyor.

Bir örnek ile module pattern tam olarak anlamaya çalışalım.

tree /f /a

3 adet servisimiz olduğunu düşünelim ve bu servisler içerisinde çeşitli aksiyonlar alıyoruz. Şimdi bu aksiyonları basit bir şekilde simüle edelim.

//blogService.js
import slugify from "slugify";

function create(...args) {
  db.create({
    author: args.author.charAt(0).toUpperCase() + args.author.slice(1),
    title: args.title.charAt(0).toUpperCase() + args.title.slice(1),
    slug: slugify(args.slug, { lower: true }),
  });
}

//productService.js
import slugify from "slugify";

function numberFormat(n, x, s = ".", c = ",") {
  var re = "\\d(?=(\\d{" + (x || 3) + "})+" + (n > 0 ? "\\D" : "$") + ")",
    num = this.toFixed(Math.max(0, ~~n));
  return (c ? num.replace(".", c) : num).replace(
    new RegExp(re, "g"),
    "$&" + (s || ",")
  );
}

function create(...args) {
  db.create({
    name: args.name,
    price: numberFormat(args.price, 2),
    slug: slugify(args.slug, { lower: true }),
  });
}

//cartService.js
import slugify from "slugify";

function numberFormat(n, x, s = ".", c = ",") {
  var re = "\\d(?=(\\d{" + (x || 3) + "})+" + (n > 0 ? "\\D" : "$") + ")",
    num = this.toFixed(Math.max(0, ~~n));
  return (c ? num.replace(".", c) : num).replace(
    new RegExp(re, "g"),
    "$&" + (s || ",")
  );
}

function create(...args) {
  db.create({
    product: args.product,
    totalAmount: numberFormat(args.totalAmount, 2),
  });
}

Tüm servislerimiz içerisine bir create fonksiyonu tanımladık ve gelen argümanlarımıza göre db.create işlemlerini çalıştırdık. db.create işlemine verilerimizi gönderirken çeşitli formatlama işlemlerinden geçirdik. Kodları incelediğimizde blogService ve productService içerisinde slugify paketi import edilmiş. blogService içerisinde ilk karakteri büyütmek için iki ayrı argümana capitalize işlemi yapılmış. productService ve cartService içerisinde ise numberFormat fonksiyonu oluşturularak price ve totalAmount değerleri formatlanmış.

Görüldüğü üzere aynı işlemleri farklı servislerde kullandık ve her servisin kendi özelinde bunları tanımlamak zorunda kaldık. Bu durumdan kurtulmak kod tekrarını önlemek ve sürdürülebilir bir code base oluşturmak için tekrar eden işlemlerimizi bir modül altında toplayalım.

Tüm formatlama vb işlemlerimizi helper.js adında bir dosya oluşturup içerisine yazıyoruz. export anahtar kelimesi ile fonksiyonlarımızı dışa aktarmış aktarıyoruz. Böylece helper modülü import edilerek bu fonksiyonlar kullanılabilir olacaktır.

import slugify from "slugify";

export function numberFormat(n, x, s = ".", c = ",") {
  var re = "\\d(?=(\\d{" + (x || 3) + "})+" + (n > 0 ? "\\D" : "$") + ")",
    num = this.toFixed(Math.max(0, ~~n));
  return (c ? num.replace(".", c) : num).replace(
    new RegExp(re, "g"),
    "$&" + (s || ",")
  );
}

export function makeSlug(value, options = { lower: true }) {
  return slugify(value, options);
}

export function capitalizeFirstLetter(string) {
  return string.charAt(0).toUpperCase() + string.slice(1);
}

Şimdi bu modülü servislerimiz içerisinde kullanalım ve kodlarımızı tekrar inceleyelim.

//blogService.jse
import {capitalizeFirstLetter, makeSlug} from "helper"

function create(...args) {
  db.create({
    author: capitalizeFirstLetter(args.author),
    title: capitalizeFirstLetter(args.title),
    slug: makeSlug(args.slug),
  });
}

//productService.js
import {numberFormat, makeSlug} from "helper"

function create(...args) {
  db.create({
    name: args.name,
    price: numberFormat(args.price, 2),
    slug: makeSlug(args.slug),
  });
}

//cartService.js
import {numberFormat} from "helper"

function create(...args) {
  db.create({
    product: args.product,
    totalAmount: numberFormat(args.totalAmount, 2),
  });
}

Görüldüğü üzere servislerimiz içerisinde tekrar eden kodları ortadan kaldırmış olduk. Böylece daha okunaklı kod yapımız ile güncellenebilirlik ve sürdürülebilirlik durumlarını arttırmış olduk.