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
TypeScript Tools and Framework Options

The BoardSales application

Our sample application will need a few updates in order to use the REST API that we have defined, and generate the pages that we require. The steps that we will need to accomplish are broadly as follows:

  • Create a board list component to list all boards as retrieved from the /api/boards endpoint.
  • Integrate this board list component into our main page.
  • Load and display the Manufacturer list and Board type list in our sidenav component from the /api/manufacturers and /api/board-types endpoints.
  • Respond to a click event on a board in the board list and display the board details in our rightscreen component.
  • Respond to filter events when a user filters the list of boards based on either manufacturer or board type.

As we make changes to the application, we will discuss the use of the Domain Events design pattern, as well as take a deep dive into the various...