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.
  • TypeScript 4 Design Patterns and Best Practices
  • Toc
  • feedback
TypeScript 4 Design Patterns and Best Practices

TypeScript 4 Design Patterns and Best Practices

By : Theofanis Despoudis
4.1 (18)
close
TypeScript 4 Design Patterns and Best Practices

TypeScript 4 Design Patterns and Best Practices

4.1 (18)
By: Theofanis Despoudis

Overview of this book

Design patterns are critical armor for every developer to build maintainable apps. TypeScript 4 Design Patterns and Best Practices is a one-stop guide to help you learn design patterns and practices to develop scalable TypeScript applications. It will also serve as handy documentation for future maintainers. This book takes a hands-on approach to help you get up and running with the implementation of TypeScript design patterns and associated methodologies for writing testable code. You'll start by exploring the practical aspects of TypeScript 4 and its new features. The book will then take you through the traditional gang of four (GOF) design patterns in their classic and alternative form and show you how to use them in real-world development projects. Once you've got to grips with traditional design patterns, you'll advance to learning about their functional programming and reactive programming counterparts and how to couple them to deliver better and more idiomatic TypeScript code. By the end of this TypeScript book, you'll be able to efficiently recognize when and how to use the right design patterns in any practical use case and gain the confidence to work on scalable and maintainable TypeScript projects of any size.
Table of Contents (14 chapters)
close
close
Preface
Preface
Who this book is for
What this book covers
To get the most out of this book
Download the example code files
Download the color images
Conventions used
Get in touch
Share your thoughts
1
Section 1: Getting Started with TypeScript 4
Section 1: Getting Started with TypeScript 4
Free Chapter
2
Chapter 1: Getting Started with Typescript 4
Chapter 1: Getting Started with Typescript 4
Technical requirements
Introducing TypeScript 4
Understanding TypeScript and JavaScript's relationship
Installing and using the code examples
Using VSCode with TypeScript
Introducing Unified Modeling Language (UML)
Summary
Q & A
Further reading
3
Chapter 2: TypeScript Core Principles
Chapter 2: TypeScript Core Principles
Technical requirements
Working with advanced types
OOP with TypeScript
Developing in the browser
Developing in the server
Introducing design patterns in TypeScript
Summary
Q&A
Further reading
4
Section 2: Core Design Patterns and Concepts
Section 2: Core Design Patterns and Concepts
5
Chapter 3: Creational Design Patterns
Chapter 3: Creational Design Patterns
Technical requirements
Creational design patterns
Singleton pattern
Prototype pattern
Builder pattern
Factory method pattern
Abstract Factory pattern
Summary
Q&A
Further reading
6
Chapter 4: Structural Design Patterns
Chapter 4: Structural Design Patterns
Technical requirements
Understanding structural design patterns
Adapter pattern
Decorator pattern
Façade pattern
Composite pattern
Proxy pattern
Bridge pattern
Flyweight pattern
Summary
Q&A
Further reading
7
Chapter 5: Behavioral Design Patterns
Chapter 5: Behavioral Design Patterns
Technical requirements
Behavioral design patterns
The Strategy pattern?
Chain of Responsibility
The Command pattern
The Iterator pattern
The Mediator pattern
The Observer pattern
The Memento pattern
The State pattern
The Template method pattern
The Visitor pattern
Summary
Q&A
Further reading
8
Section 3: Advanced Concepts and Best Practices
Section 3: Advanced Concepts and Best Practices
9
Chapter 6: Functional Programming with TypeScript
chevron up
Chapter 6: Functional Programming with TypeScript
Technical requirements
Learning key concepts in functional programming
Understanding functional lenses
Understanding transducers
Understanding monads
Summary
Q & A
Further reading
10
Chapter 7: Reactive Programming with TypeScript
Chapter 7: Reactive Programming with TypeScript
Technical requirements
Learning Reactive programming concepts
The asynchronous propagation of changes
Understanding Promises and Futures
Learning observables
Summary
Q & A
Further reading
11
Chapter 8: Developing Modern and Robust TypeScript Applications
Chapter 8: Developing Modern and Robust TypeScript Applications
Technical requirements
Combining patterns
Using utility types
Using domain-driven design
Applying the SOLID principles
Summary
Q&A
Further reading
12
Chapter 9: Anti-Patterns and Workarounds
Chapter 9: Anti-Patterns and Workarounds
Technical requirements
Class overuse
Not using runtime assertions
Permissive or incorrect types
Using idiomatic code from other languages
Type inference gotchas
Summary
Q & A
Further reading
Why subscribe?
13
Other Books You May Enjoy
Other Books You May Enjoy
Packt is searching for authors like you
Share your thoughts

Understanding transducers

Transducers are another name for reducers that take an input and return another reducer, forming a composition between them. To understand why this is helpful, we'll explain the basics of reducers first.

A reducer is a simple function that accepts an input of type T, which is typically a collection. It is a function that accepts the current value in the collection, the current aggregated value, and a starting value. The job of the reducer is to iterate over the collection starting from the initial value, calling the function that accepts the current aggregate and the current iteration and returns the end result.

Here is an example reducer in TypeScript:

Transducer.ts

const collection = [1, 2, 3, 4, 5];
function addReducer(curr: number, acc: number): number {
  return curr + acc;
}
console.log(collection.reduce(addReducer, 0));

This reducer function has the type (number, number): number and the reduce method accepts the reducer...

End of Section 5
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