Subscribe

Topic

Design Pattern

A collection of 5 issues

React Design Pattern - Higher-Order Component

✅ Common Pattern of the Recurring Problem Sometimes, you want to enhance components with additional logic while minimizing the amount of copy-and-pasting. Additionally, it's essential to ensure that the logic is detached from the presentation layer and that the original codebases remain uncontaminated by cross-cutting concerns such as logging

JavaScript Design Pattern - Factory Pattern

✅ Common Pattern of the Recurring Problem Sometimes creating an object involves much more complex logic than the default constructor can give, such as complex configuration, object caching, sharing or re-using objects, ✅ Solution Factory Pattern In a factory pattern, a function creates a new object not with new keyword, but provides

JavaScript Design Pattern - Singleton Pattern

✅ Common Pattern of the Recurring Problem Sometimes a program has to restrict the number of instances of a class to one, where * an instantiation is costly (e.g. DB connection) * or a single object has to coordinate other objects across a system (e.g. config object) ✅ Solution Singleton pattern restricts

JavaScript Design Pattern - Module Pattern

By ticking the checklist from the previous post on design pattern, we will look at Module Pattern in JavaScript. ✅ Common Pattern of the Recurring Problem Web in its early history was very simple. Therefore there was no need to strategically manage a long code base. However, nowadays, the web is

JavaScript Design Pattern

Before going into details about each design pattern in JavaScript, it would serve as a guideline to first define what a design pattern is. With the help of various resources, I outlined the characteristics and tradeoffs of a design pattern as follows: ✅ A design pattern recognizes patterns in recurring problems