Book Image

TypeScript Design Patterns

By : Vilic Vane
Book Image

TypeScript Design Patterns

By: Vilic Vane

Overview of this book

In programming, there are several problems that occur frequently. To solve these problems, there are various repeatable solutions that are known as design patterns. Design patterns are a great way to improve the efficiency of your programs and improve your productivity. This book is a collection of the most important patterns you need to improve your applications’ performance and your productivity. The journey starts by explaining the current challenges when designing and developing an application and how you can solve these challenges by applying the correct design pattern and best practices. Each pattern is accompanied with rich examples that demonstrate the power of patterns for a range of tasks, from building an application to code testing. We’ll introduce low-level programming concepts to help you write TypeScript code, as well as work with software architecture, best practices, and design aspects.
Table of Contents (15 chapters)
TypeScript Design Patterns
Credits
About the Author
About the Reviewer
www.PacktPub.com
Preface

Single responsibility principle


The single responsibility principle declares that a class should have one, and only one reason to change. And the definition of the world reason in this sentence is important.

Example

Consider a Command class that is designed to work with both command-line interface and graphical user interface:

class Command { 
  environment: Environment; 
 
  print(items: ListItem[]) { 
    let stdout = this.environment.stdout; 
   
    stdout.write('Items:\n'); 
   
    for (let item of items) { 
      stdout.write(item.text + '\n'); 
    } 
  } 
   
  render(items: ListItem[]) { 
    let element = <List items={items}></List>; 
    this.environment.render(element); 
  } 
   
  execute() { } 
} 

To make this actually work, execute method would need to handle both the command execution and result displaying:

class Command { 
  .. 
   
  execute() {
 ...