Book Image

Learning TypeScript 2.x - Second Edition

By : Remo H. Jansen
Book Image

Learning TypeScript 2.x - Second Edition

By: Remo H. Jansen

Overview of this book

TypeScript is an open source and cross-platform statically typed superset of JavaScript that compiles to plain JavaScript and runs in any browser or host. This book is a step-by-step guide that will take you through the use and benefits of TypeScript with the help of practical examples. You will start off by understanding the basics as well as the new features of TypeScript 2.x. Then, you will learn how to work with functions and asynchronous programming APIs. You will continue by learning how to resolve runtime issues and how to implement TypeScript applications using the Object-oriented programming (OOP) and functional programming (FP) paradigms. Later, you will automate your development workflow with the help of tools such as Webpack. Towards the end of this book, you will delve into some real-world scenarios by implementing some full-stack TypeScript applications with Node.js, React and Angular as well as how to optimize and test them. Finally, you will be introduced to the internal APIs of the TypeScript compiler, and you will learn how to create custom code analysis tools.

Related Content you might be interested in

Current Title:

Small book image
Learning TypeScript 2.x - Second Edition
Remo H. Jansen
Apr, 2018 | 536 pages
Small book image
Hands-On TypeScript for C# and .NET Core Developers
Francesco Abbruzzese
Oct, 2018 | 460 pages
Small book image
TypeScript 3.0 Quick Start Guide
Patrick Desjardins
Aug, 2018 | 158 pages
Small book image
The TypeScript Workshop
Vekoslav Stefanovski | Matt Morgan | Ben Grynhaus | Rayon Hunte | Jordan Hudgens
Jul, 2021 | 714 pages
Table of Contents (17 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
Introducing TypeScript
Introducing TypeScript
The TypeScript architecture
TypeScript language features
Putting everything together
Summary
2
Working with Types
Working with Types
The TypeScript type system's characteristics
Core features of the TypeScript type system
Literal types
Advanced features of the TypeScript type system
Summary
3
Working with Functions
Working with Functions
Working with functions in TypeScript
Asynchronous programming in TypeScript
Summary
4
Object-Oriented Programming with TypeScript
Object-Oriented Programming with TypeScript
Classes
Abstract classes
Interfaces
SOLID principles, encapsulation, and polymorphism
Summary
5
Working with Dependencies
Working with Dependencies
Third-party dependencies
Internal modules (module and namespace)
External modules
Managing dependencies in OOP
Summary
6
Understanding the Runtime
Understanding the Runtime
The execution environment
Understanding the event loop
The this operator
Prototypes
Closures
Summary
7
Functional Programming with TypeScript
Functional Programming with TypeScript
FP concepts
FP techniques
Category theory
Real-world FP
Summary
8
Working with Decorators
Working with Decorators
Prerequisites
Annotations versus decorators
Summary
9
Automating Your Development Workflow
Automating Your Development Workflow
A modern development workflow
Prerequisites
Source control tools
Package management tools
The TypeScript compiler
Linting tools
Working with npm scripts
Gulp
Webpack
Webpack development server
Unit testing and test coverage
Visual Studio Code
ts-node
Continuous integration (CI) tools
Scaffolding tools
Why does the command line win?
Summary
10
Node.js Development with TypeScript
Node.js Development with TypeScript
Understanding Node.js
The Node.js ecosystem
Setting up Node.js
Node.js development
Summary
11
Frontend Development with React and TypeScript
Frontend Development with React and TypeScript
Working with React
Working with MobX
Development tools
Summary
12
Frontend Development with Angular and TypeScript
Frontend Development with Angular and TypeScript
Working with Angular
About the sample application
Serving an Angular application with Node.js
Bootstrapping an Angular application
Working with NgModules
Working with Angular components
Summary
13
Application Performance
Application Performance
Prerequisites
Performance and resources
Common performance metrics
Performance analysis
Performance automation
Exception handling
Summary
14
Application Testing
Application Testing
Testing terminology
Prerequisites
Testing methodologies
Tests plans and test types
The example application
Unit tests and integration tests with Mocha
End-to-end tests with Nightwatch.js
Summary
15
Working with the TypeScript Compiler and the Language Services
Working with the TypeScript Compiler and the Language Services
The TypeScript compiler's internal architecture
Understanding the abstract syntax tree (AST)
Implementing a yUML compiler
VS Code extensions
Summary
16
Other Books You May Enjoy
Other Books You May Enjoy
Leave a review - let other readers know what you think

Working with React

React is a library that allows us to implement web user interfaces. In this chapter, we are going to create a small frontend application using React and MobX. A frontend web application is quite different from a Node.js backend web application. It is true that both the web browser and Node.js can understand JavaScript natively, but the environments are quite different. For example, in the Node.js environment, we can access system resources like the filesystem, and we can use CommonJS modules natively. On the other hand, in a web browser, we cannot access resources like the filesystem and CommonJS modules are not supported natively. Also, the performance of a frontend web application is extremely influenced by its loading times. This means that in a frontend web application we must pay special attention to the number of HTTP requests and the size of the contents...

Previous Section
End of Section 2
Next Section