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.

Related Content you might be interested in

Current Title:

Small book image
Mastering TypeScript 3 - Third Edition
Nathan Rozentals
Feb, 2019 | 694 pages
Small book image
Mastering TypeScript
Nathan Rozentals
Apr, 2021 | 538 pages
Small book image
Learning TypeScript 2.x
Remo H Jansen
Apr, 2018 | 536 pages
Small book image
TypeScript 2.x By Example
Sachin Ohri
Dec, 2017 | 372 pages
Table of Contents (16 chapters)
Preface
Preface
Who this book is for
What this book covers
To get the most out of this book
Get in touch
Free Chapter
1
TypeScript Tools and Framework Options
TypeScript Tools and Framework Options
What is TypeScript?
TypeScript IDEs
Summary
2
Types, Variables, and Function Techniques
Types, Variables, and Function Techniques
Basic types
Functions
Advanced types
Summary
3
Interfaces, Classes, and Inheritance
Interfaces, Classes, and Inheritance
Interfaces
Classes
Inheritance
Using interfaces, classes, and inheritance – the Factory Design Pattern
Summary
4
Decorators, Generics, and Asynchronous Features
Decorators, Generics, and Asynchronous Features
Decorators
Generics
Advanced types with generics
Asynchronous language features
Summary
5
Declaration Files and Strict Compiler Options
Declaration Files and Strict Compiler Options
Global variables
Using JavaScript code blocks in HTML
Writing your own declaration file
Module merging
Declaration syntax reference
Strict compiler options
Summary
6
Third-Party Libraries
Third-Party Libraries
Using definition files
Using NuGet
Using npm and @types
Using third-party libraries
Backbone
Angular 1
Inheritance – Angular 1 versus Backbone
ExtJS
Summary
7
TypeScript Compatible Frameworks
TypeScript Compatible Frameworks
What is MVC?
Using Backbone
Using Aurelia
Angular
Using React
Performance comparison
Summary
8
Test-Driven Development
Test-Driven Development
Test-driven development
Unit, integration, and acceptance tests
Unit testing frameworks
Jasmine
Jasmine runners
Using continuous integration
Summary
9
Testing Typescript Compatible Frameworks
Testing Typescript Compatible Frameworks
Testing our sample application
Backbone testing
Aurelia testing
Angular testing
React testing
Summary
10
Modularization
Modularization
Module basics
AMD module loading
SystemJS module loading
Using Express with Node
AWS Lambda functions
Summary
11
Object-Oriented Programming
Object-Oriented Programming
Object-oriented principles
User interface design
The State pattern
The Mediator pattern
Modular code
Summary
12
Dependency Injection
Dependency Injection
Sending mail
Building a dependency injector
Decorator injection
Summary
13
Building Applications
Building Applications
Node and Angular integration
The UI experience
Authentication
External authentication
Summary
14
Let's Get Our Hands Dirty
Let's Get Our Hands Dirty
Board Sales application
Database-driven APIs
The BoardSales application
The Domain Events design pattern
Summary
15
Other Books You May Enjoy
Other Books You May Enjoy
Leave a review - let other readers know what you think

React testing

In the final section of this chapter, we build a set of unit tests for our React sample application. Similar to what we have done with the other frameworks, we will verify that our initial application state is correct on startup, and then work through DOM rendering tests. Finally, we will build a set of tests that will fill in form values, and then submit the form.

Multiple entry points

Our React sample application uses Webpack as a compilation and bundling tool in order to convert our TypeScript files into usable React components. During Webpack's bundling process, we need to specify the entry point of our application, and also specify the output filename. Therefore, given an entry point of /app/index.tsx...

Previous Section
End of Section 6
Next Section