Book Image

Mastering TypeScript 3 - Third Edition

By : Nathan Rozentals
Book Image

Mastering TypeScript 3 - Third Edition

By: Nathan Rozentals

Overview of this book

TypeScript is both a language and a set of tools to generate JavaScript. It was designed by Anders Hejlsberg at Microsoft to help developers write enterprise-scale JavaScript. Starting with an introduction to the TypeScript language, before moving on to basic concepts, each section builds on previous knowledge in an incremental and easy-to-understand way. Advanced and powerful language features are all covered, including asynchronous programming techniques, decorators, and generics. This book explores many modern JavaScript and TypeScript frameworks side by side in order for the reader to learn their respective strengths and weaknesses. It will also thoroughly explore unit and integration testing for each framework. Best-of-breed applications utilize well-known design patterns in order to be scalable, maintainable, and testable. This book explores some of these object-oriented techniques and patterns, and shows real-world implementations. By the end of the book, you will have built a comprehensive, end-to-end web application to show how TypeScript language features, design patterns, and industry best practices can be brought together in a real-world scenario.
Table of Contents (16 chapters)
Free Chapter
1
TypeScript Tools and Framework Options

The Domain Events design pattern

Now that we have a list of boards on the main page of the site, let's take a look at what happens when a particular board is clicked. We will need to identify which board has been clicked on, and then show the details of this board on the right-hand side screen. This right-hand side screen will be animated, and will slide in from the right to occupy the whole screen. The animation and transition of screens is already in place, so what we need to do is to somehow get a message from the board-list component through to the rightscreen component to tell it what board to display. We also need to get a message through to our Mediator to tell it to move to the correct state of StateType.DetailPanel.

The Domain Events design pattern allows us to generate events in one part of our application, and have other areas of our application respond to these...