Browse Library
Sign In Start Free Trial
Close icon Search icon
Account
Browse Library Advanced Search Sign In Start Free Trial

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying TypeScript Design Patterns
  • Table Of Contents Toc
  • Feedback & Rating feedback
TypeScript Design Patterns

TypeScript Design Patterns

By : Vane
3.7 (3)
Buy this Book
close
close
TypeScript Design Patterns

TypeScript Design Patterns

3.7 (3)
By: Vane
Buy this Book

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 (10 chapters)
close
close
close
Preface
Preface
What this book covers
What you need for this book
Who this book is for
Conventions
Reader feedback
Customer support
Free Chapter
1
1. Tools and Frameworks
1. Tools and Frameworks
Installing the prerequisites
Choosing a handy editor
Getting your hands on the workflow
Summary
2
2. The Challenge of Increasing Complexity
2. The Challenge of Increasing Complexity
Implementing the basics
Growing features
Getting things right
Summary
3
3. Creational Design Patterns
chevron up
3. Creational Design Patterns
Factory method
Abstract Factory
Builder
Prototype
Singleton
Summary
4
4. Structural Design Patterns
4. Structural Design Patterns
Composite Pattern
Decorator Pattern
Adapter Pattern
Bridge Pattern
Façade Pattern
Flyweight Pattern
Proxy Pattern
Summary
5
5. Behavioral Design Patterns
5. Behavioral Design Patterns
Chain of Responsibility Pattern
Command Pattern
Memento Pattern
Iterator Pattern
Mediator Pattern
Summary
6
6. Behavioral Design Patterns: Continuous
6. Behavioral Design Patterns: Continuous
Strategy Pattern
State Pattern
Template Method Pattern
Observer Pattern
Visitor Pattern
Summary
7
7. Patterns and Architectures in JavaScript and TypeScript
7. Patterns and Architectures in JavaScript and TypeScript
Promise-based web architecture
Modularizing project
Asynchronous patterns
Summary
8
8. SOLID Principles
8. SOLID Principles
Single responsibility principle
Open-closed principle
Liskov substitution principle
Interface segregation principle
Dependency inversion principle
Summary
9
9. The Road to Enterprise Application
9. The Road to Enterprise Application
Creating an application
Building and testing projects
Version control
Continuous integration
Deployment automation
Summary

Chapter 3. Creational Design Patterns

Creational design patterns in object-oriented programming are design patterns that are to be applied during the instantiation of objects. In this chapter, we'll be talking about patterns in this category.

Consider we are building a rocket, which has payload and one or more stages:

class Payload { 
  weight: number; 
} 
 
class Engine { 
  thrust: number; 
} 
 
class Stage { 
  engines: Engine[]; 
}

In old-fashioned JavaScript, there are two major approaches to building such a rocket:

  • Constructor with new operator
  • Factory function

For the first approach, things could be like this:

function Rocket() { 
  this.payload = { 
    name: 'cargo ship' 
  }; 
   
  this.stages = [ 
    { 
      engines: [ 
        // ... 
      ] 
    } 
  ]; 
} 
 
var rocket = new Rocket();

And for the second approach, it could be like this:

function buildRocket() { 
  var rocket = {}; 
   
  rocket.payload = { 
    name: 'cargo ship' 
  }; 
  ...

Unlock full access

Continue reading for free

A Packt free trial gives you instant online access to our library of over 7000 practical eBooks and videos, constantly updated with the latest in tech
Start a 7-day FREE trial
End of Section 1
Next Section
bookmark search playlist download
font-size

Change the font size

margin-width

Change margin width

day-mode

Change background colour

Close icon Search
Country selected
Close icon Your notes and bookmarks

Delete Bookmark

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete

Confirmation

Modal Close icon
claim successful
Order Page Read Now

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY