{"id":30582,"date":"2023-09-26T18:36:58","date_gmt":"2023-09-27T02:36:58","guid":{"rendered":"https:\/\/alexrusin.com\/?p=30582"},"modified":"2024-09-28T07:30:27","modified_gmt":"2024-09-28T15:30:27","slug":"repository-pattern-in-javascript","status":"publish","type":"post","link":"https:\/\/blog.alexrusin.com\/repository-pattern-in-javascript\/","title":{"rendered":"Repository Pattern in JavaScript"},"content":{"rendered":"\n<p>The Repository Pattern is a structural pattern that abstracts and centralizes data access operations, providing a consistent and simplified interface for the application to interact with data sources.<\/p>\n\n\n\n<p>In essence, the Repository Pattern acts as a mediator or a middleman between the application&#8217;s business logic and the data storage, shielding the rest of the code from the details of how data is fetched, stored, or manipulated. It encapsulates the data access logic, which can include querying databases, making API calls, or working with any other data source, into a set of defined methods and operations.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Characteristics and Benefits of the Repository Pattern<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"577\" src=\"https:\/\/blog.alexrusin.com\/wp-content\/uploads\/2023\/09\/blog-image-1024x577.jpg\" alt=\"Repository Pattern characteristics and benefits\" class=\"wp-image-30590\" srcset=\"https:\/\/blog.alexrusin.com\/wp-content\/uploads\/2023\/09\/blog-image-1024x577.jpg 1024w, https:\/\/blog.alexrusin.com\/wp-content\/uploads\/2023\/09\/blog-image-300x169.jpg 300w, https:\/\/blog.alexrusin.com\/wp-content\/uploads\/2023\/09\/blog-image-768x433.jpg 768w, https:\/\/blog.alexrusin.com\/wp-content\/uploads\/2023\/09\/blog-image.jpg 1054w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Abstraction<\/strong>: It provides an abstract layer for data operations, allowing developers to work with data using high-level methods rather than dealing with low-level data access code.<\/li>\n\n\n\n<li><strong>Centralization<\/strong>: Data access logic is centralized within the repository, making it easier to manage, maintain, and modify.<\/li>\n\n\n\n<li><strong>Consistency<\/strong>: It enforces a consistent way of interacting with data across the application, ensuring that data-related operations follow the same patterns and conventions.<\/li>\n\n\n\n<li><strong>Testability<\/strong>: The pattern facilitates unit testing because you can easily replace the actual data access logic with mock data for testing purposes.<\/li>\n\n\n\n<li><strong>Flexibility<\/strong>: It enables the switching of data sources or storage mechanisms without affecting the rest of the application. For example, you can switch from a relational database to a NoSQL database or an external API with minimal code changes.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Repository Pattern Implementation in JavaScript<\/h2>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Repository Pattern in JavaScript\" width=\"720\" height=\"405\" src=\"https:\/\/www.youtube.com\/embed\/8pVIYY5-_PU?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p><strong>Note: <\/strong>For more context on the implementation, please watch the video above.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>Take your Node.js skills to the next level with <strong>Node.js Design Patterns<\/strong>! Master best practices for building production-grade applications and scalable architectures. Start transforming your development today! \ud83d\udc49 <a href=\"https:\/\/amzn.to\/3N19LvV\" target=\"_blank\" rel=\"noreferrer noopener sponsored nofollow\">https:\/\/amzn.to\/3N19LvV<\/a><\/p>\n<\/blockquote>\n\n\n\n<p>To implement the repository pattern in JavaScript with Sequelize we first need to create an interface that describes it Sequelize model. Let&#8217;s go ahead and create TravelAttributes and TourAttributes interfaces.<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"js\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">interface TravelAttributes {\n  id: string;\n  name: string;\n  description: string;\n  slug: string;\n  is_public: boolean;\n  number_of_days: number;\n  tours: Array&lt;TourAttributes>;\n  created_at: Date;\n  updated_at: Date;\n}\n\ninterface TourAttributes {\n  id: string;\n  travel_id: string;\n  name: string;\n  starting_date: Date;\n  ending_date: Date;\n  price: number;\n  created_at: Date;\n  updated_at: Date;\n}<\/pre>\n\n\n\n<p>Now we can pass those interfaces as generics to Travel and Tour models.<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"js\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">@Table({\n  timestamps: true,\n  tableName: \"travels\",\n  modelName: \"Travel\",\n})\nclass Travel extends Model&lt;TravelAttributes> {\n  @Column({\n    primaryKey: true,\n    type: DataType.UUID,\n    defaultValue: DataType.UUIDV4,\n  })\n  declare id: string;\n...\n<\/pre>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"js\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">@Table({\n  timestamps: true,\n  tableName: \"tours\",\n  modelName: \"Tour\",\n})\nclass Tour extends Model&lt;TourAttributes> {\n  @Column({\n    primaryKey: true,\n    type: DataType.UUID,\n    defaultValue: DataType.UUIDV4,\n  })\n  declare id: string;\n...<\/pre>\n\n\n\n<p>Now we can use TravelAttributes and TourAttributes as generics in Travel and Tour resources.<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"js\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">import BaseResource from \".\/BaseResource\";\nimport TourResource from \".\/TourResource\";\n\nclass TravelResource extends BaseResource&lt;TravelAttributes, TravelEntity>() {\n  item() {\n    const travelResource: TravelEntity = {\n      id: this.instance.id,\n      name: this.instance.name,\n      description: this.instance.description || undefined,\n      slug: this.instance.slug,\n      number_of_days: this.instance.number_of_days,\n      tours: TourResource.collection(this.instance.tours),\n    };\n\n    return travelResource;\n  }\n}\n\nexport default TravelResource;\n<\/pre>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">import BaseResource from \".\/BaseResource\";\n\nclass TourResource extends BaseResource&lt;TourAttributes, TourEntity>() {\n  item() {\n    const tourResource: TourEntity = {\n      id: this.instance.id,\n      travel_id: this.instance.travel_id,\n      name: this.instance.name,\n      starting_date: this.instance.starting_date,\n      ending_date: this.instance.ending_date,\n      price: this.instance.price,\n    };\n\n    return tourResource;\n  }\n}\n\nexport default TourResource;\n<\/pre>\n\n\n\n<p>The next step will be to create actual Travel and Tour repositories. We are going to use inheritance so Travel, Tour, and other repositories that come later will extend from Base repository class and re-use code as much as possible<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"js\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">import { ModelStatic } from \"sequelize\";\n\nexport default abstract class BaseRepository&lt;A> {\n  modelClass: ModelStatic&lt;any>;\n\n  constructor(modelClass: ModelStatic&lt;any>) {\n    this.modelClass = modelClass;\n  }\n\n  getAll(options: Record&lt;string, any> = {}): Promise&lt;Array&lt;A>> {\n    if (!options.hasOwnProperty(\"order\")) {\n      options = {\n        ...options,\n        ...this.getDefaultOrderBy(),\n      };\n    }\n\n    return this.modelClass.findAll(options);\n  }\n\n  getById(id: string, options: Record&lt;string, any> = {}): Promise&lt;A> {\n    return this.modelClass.findByPk(id, options);\n  }\n\n  protected getDefaultOrderBy() {\n    return {\n      order: [[\"created_at\", \"DESC\"]],\n    };\n  }\n}<\/pre>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"js\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">import Tour from \"..\/database\/models\/Tour\";\nimport Travel from \"..\/database\/models\/Travel\";\nimport BaseRepository from \".\/BaseRepository\";\n\nexport default class TravelRepository extends BaseRepository&lt;TravelAttributes> {\n  constructor() {\n    super(Travel);\n  }\n\n  getAll(options: Record&lt;string, any> = {}) {\n    const opts = {\n      ...options,\n      ...this.getIncludes(),\n    };\n    return super.getAll(opts);\n  }\n\n  getById(id: string, options: Record&lt;string, any> = {}) {\n    const opts = {\n      ...options,\n      ...this.getIncludes(),\n    };\n    return super.getById(id, opts);\n  }\n\n  private getIncludes() {\n    return {\n      include: Tour,\n    };\n  }\n}<\/pre>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"js\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">import Tour from \"..\/database\/models\/Tour\";\nimport BaseRepository from \".\/BaseRepository\";\n\nexport default class TourRepository extends BaseRepository&lt;TourAttributes> {\n  constructor() {\n    super(Tour);\n  }\n}<\/pre>\n\n\n\n<p>As you can see, Travel repository has a more custom code, so it overwrites methods of the Base repository. However, Tour repository is quite simple and it uses methods of the parent class without implementing its own.<\/p>\n\n\n\n<p>Finally, lets use the repository inside travel and tour controllers instead of direct calls to Travel and Tour Sequelize models.<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"js\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">const repository = new TravelRepository();\nconst travels = TravelResource.collection(await repository.getAll());\n\n...\n\nconst repository = new TravelRepository();\nconst travelResource = new TravelResource(await repository.getById(req.params.id));<\/pre>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"js\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">const repository = new TourRepository();\nconst tours = TourResource.collection(await repository.getAll());\n\n...\n\nconst repository = new TourRepository();\nconst tourResource = new TourResource(await repository.getById(req.params.id));<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Conlcusion<\/h2>\n\n\n\n<p>We hope you now have a better understanding of the Repository Pattern and how to implement it in JavaScript to abstract calls made to the database. As you continue your journey as a JavaScript developer, keep the Repository Pattern in your toolkit. Whether you&#8217;re building a small-scale application or a large-scale enterprise system, this pattern can help you maintain clean, organized, and maintainable code.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Repository Pattern is a structural pattern that abstracts and centralizes data access operations, providing a consistent and simplified interface for the application to interact with data sources. In essence, the Repository Pattern acts as a mediator or a middleman between the application&#8217;s business logic and the data storage, shielding the rest of the code&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"categories":[15],"tags":[17,18],"class_list":["post-30582","post","type-post","status-publish","format-standard","hentry","category-javascript","tag-javascript","tag-patterns"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Repository Pattern in JavaScript | Alex Rusin Blog<\/title>\n<meta name=\"description\" content=\"Repository Pattern in JavaScript: Simplify data management, enhance code structure, and boost application scalability\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/blog.alexrusin.com\/repository-pattern-in-javascript\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Repository Pattern in JavaScript | Alex Rusin Blog\" \/>\n<meta property=\"og:description\" content=\"Repository Pattern in JavaScript: Simplify data management, enhance code structure, and boost application scalability\" \/>\n<meta property=\"og:url\" content=\"https:\/\/blog.alexrusin.com\/repository-pattern-in-javascript\/\" \/>\n<meta property=\"og:site_name\" content=\"Alex Rusin Blog\" \/>\n<meta property=\"article:published_time\" content=\"2023-09-27T02:36:58+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-09-28T15:30:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.alexrusin.com\/wp-content\/uploads\/2023\/09\/blog-image-1024x577.jpg\" \/>\n<meta name=\"author\" content=\"alexrusin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"alexrusin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/blog.alexrusin.com\/repository-pattern-in-javascript\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/blog.alexrusin.com\/repository-pattern-in-javascript\/\"},\"author\":{\"name\":\"alexrusin\",\"@id\":\"https:\/\/blog.alexrusin.com\/#\/schema\/person\/a9005ca622862109b2c514050fbaaf9a\"},\"headline\":\"Repository Pattern in JavaScript\",\"datePublished\":\"2023-09-27T02:36:58+00:00\",\"dateModified\":\"2024-09-28T15:30:27+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/blog.alexrusin.com\/repository-pattern-in-javascript\/\"},\"wordCount\":512,\"publisher\":{\"@id\":\"https:\/\/blog.alexrusin.com\/#\/schema\/person\/a9005ca622862109b2c514050fbaaf9a\"},\"image\":{\"@id\":\"https:\/\/blog.alexrusin.com\/repository-pattern-in-javascript\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.alexrusin.com\/wp-content\/uploads\/2023\/09\/blog-image-1024x577.jpg\",\"keywords\":[\"javascript\",\"patterns\"],\"articleSection\":[\"Javascript Development\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blog.alexrusin.com\/repository-pattern-in-javascript\/\",\"url\":\"https:\/\/blog.alexrusin.com\/repository-pattern-in-javascript\/\",\"name\":\"Repository Pattern in JavaScript | Alex Rusin Blog\",\"isPartOf\":{\"@id\":\"https:\/\/blog.alexrusin.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/blog.alexrusin.com\/repository-pattern-in-javascript\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/blog.alexrusin.com\/repository-pattern-in-javascript\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.alexrusin.com\/wp-content\/uploads\/2023\/09\/blog-image-1024x577.jpg\",\"datePublished\":\"2023-09-27T02:36:58+00:00\",\"dateModified\":\"2024-09-28T15:30:27+00:00\",\"description\":\"Repository Pattern in JavaScript: Simplify data management, enhance code structure, and boost application scalability\",\"breadcrumb\":{\"@id\":\"https:\/\/blog.alexrusin.com\/repository-pattern-in-javascript\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blog.alexrusin.com\/repository-pattern-in-javascript\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/blog.alexrusin.com\/repository-pattern-in-javascript\/#primaryimage\",\"url\":\"https:\/\/blog.alexrusin.com\/wp-content\/uploads\/2023\/09\/blog-image.jpg\",\"contentUrl\":\"https:\/\/blog.alexrusin.com\/wp-content\/uploads\/2023\/09\/blog-image.jpg\",\"width\":1054,\"height\":594},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blog.alexrusin.com\/repository-pattern-in-javascript\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/blog.alexrusin.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Repository Pattern in JavaScript\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blog.alexrusin.com\/#website\",\"url\":\"https:\/\/blog.alexrusin.com\/\",\"name\":\"Alex Rusin\",\"description\":\"Web Development Blog\",\"publisher\":{\"@id\":\"https:\/\/blog.alexrusin.com\/#\/schema\/person\/a9005ca622862109b2c514050fbaaf9a\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/blog.alexrusin.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/blog.alexrusin.com\/#\/schema\/person\/a9005ca622862109b2c514050fbaaf9a\",\"name\":\"alexrusin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/blog.alexrusin.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/c36ef231f9e0b11371891eb84360f4bc?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/c36ef231f9e0b11371891eb84360f4bc?s=96&d=mm&r=g\",\"caption\":\"alexrusin\"},\"logo\":{\"@id\":\"https:\/\/blog.alexrusin.com\/#\/schema\/person\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Repository Pattern in JavaScript | Alex Rusin Blog","description":"Repository Pattern in JavaScript: Simplify data management, enhance code structure, and boost application scalability","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/blog.alexrusin.com\/repository-pattern-in-javascript\/","og_locale":"en_US","og_type":"article","og_title":"Repository Pattern in JavaScript | Alex Rusin Blog","og_description":"Repository Pattern in JavaScript: Simplify data management, enhance code structure, and boost application scalability","og_url":"https:\/\/blog.alexrusin.com\/repository-pattern-in-javascript\/","og_site_name":"Alex Rusin Blog","article_published_time":"2023-09-27T02:36:58+00:00","article_modified_time":"2024-09-28T15:30:27+00:00","og_image":[{"url":"https:\/\/blog.alexrusin.com\/wp-content\/uploads\/2023\/09\/blog-image-1024x577.jpg","type":"","width":"","height":""}],"author":"alexrusin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"alexrusin","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/blog.alexrusin.com\/repository-pattern-in-javascript\/#article","isPartOf":{"@id":"https:\/\/blog.alexrusin.com\/repository-pattern-in-javascript\/"},"author":{"name":"alexrusin","@id":"https:\/\/blog.alexrusin.com\/#\/schema\/person\/a9005ca622862109b2c514050fbaaf9a"},"headline":"Repository Pattern in JavaScript","datePublished":"2023-09-27T02:36:58+00:00","dateModified":"2024-09-28T15:30:27+00:00","mainEntityOfPage":{"@id":"https:\/\/blog.alexrusin.com\/repository-pattern-in-javascript\/"},"wordCount":512,"publisher":{"@id":"https:\/\/blog.alexrusin.com\/#\/schema\/person\/a9005ca622862109b2c514050fbaaf9a"},"image":{"@id":"https:\/\/blog.alexrusin.com\/repository-pattern-in-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.alexrusin.com\/wp-content\/uploads\/2023\/09\/blog-image-1024x577.jpg","keywords":["javascript","patterns"],"articleSection":["Javascript Development"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/blog.alexrusin.com\/repository-pattern-in-javascript\/","url":"https:\/\/blog.alexrusin.com\/repository-pattern-in-javascript\/","name":"Repository Pattern in JavaScript | Alex Rusin Blog","isPartOf":{"@id":"https:\/\/blog.alexrusin.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/blog.alexrusin.com\/repository-pattern-in-javascript\/#primaryimage"},"image":{"@id":"https:\/\/blog.alexrusin.com\/repository-pattern-in-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.alexrusin.com\/wp-content\/uploads\/2023\/09\/blog-image-1024x577.jpg","datePublished":"2023-09-27T02:36:58+00:00","dateModified":"2024-09-28T15:30:27+00:00","description":"Repository Pattern in JavaScript: Simplify data management, enhance code structure, and boost application scalability","breadcrumb":{"@id":"https:\/\/blog.alexrusin.com\/repository-pattern-in-javascript\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blog.alexrusin.com\/repository-pattern-in-javascript\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/blog.alexrusin.com\/repository-pattern-in-javascript\/#primaryimage","url":"https:\/\/blog.alexrusin.com\/wp-content\/uploads\/2023\/09\/blog-image.jpg","contentUrl":"https:\/\/blog.alexrusin.com\/wp-content\/uploads\/2023\/09\/blog-image.jpg","width":1054,"height":594},{"@type":"BreadcrumbList","@id":"https:\/\/blog.alexrusin.com\/repository-pattern-in-javascript\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blog.alexrusin.com\/"},{"@type":"ListItem","position":2,"name":"Repository Pattern in JavaScript"}]},{"@type":"WebSite","@id":"https:\/\/blog.alexrusin.com\/#website","url":"https:\/\/blog.alexrusin.com\/","name":"Alex Rusin","description":"Web Development Blog","publisher":{"@id":"https:\/\/blog.alexrusin.com\/#\/schema\/person\/a9005ca622862109b2c514050fbaaf9a"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blog.alexrusin.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/blog.alexrusin.com\/#\/schema\/person\/a9005ca622862109b2c514050fbaaf9a","name":"alexrusin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/blog.alexrusin.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/c36ef231f9e0b11371891eb84360f4bc?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c36ef231f9e0b11371891eb84360f4bc?s=96&d=mm&r=g","caption":"alexrusin"},"logo":{"@id":"https:\/\/blog.alexrusin.com\/#\/schema\/person\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/blog.alexrusin.com\/wp-json\/wp\/v2\/posts\/30582","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.alexrusin.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.alexrusin.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.alexrusin.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.alexrusin.com\/wp-json\/wp\/v2\/comments?post=30582"}],"version-history":[{"count":8,"href":"https:\/\/blog.alexrusin.com\/wp-json\/wp\/v2\/posts\/30582\/revisions"}],"predecessor-version":[{"id":30953,"href":"https:\/\/blog.alexrusin.com\/wp-json\/wp\/v2\/posts\/30582\/revisions\/30953"}],"wp:attachment":[{"href":"https:\/\/blog.alexrusin.com\/wp-json\/wp\/v2\/media?parent=30582"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.alexrusin.com\/wp-json\/wp\/v2\/categories?post=30582"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.alexrusin.com\/wp-json\/wp\/v2\/tags?post=30582"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}