Book Image

TypeScript 2.x By Example

By : Sachin Ohri
Book Image

TypeScript 2.x By Example

By: Sachin Ohri

Overview of this book

The TypeScript language, compiler, and open source development toolset brings JavaScript development up to the enterprise level. It allows you to use ES5, ES6, and ES7 JavaScript language features today, including classes, interfaces, generics, modules, and more. Its simple typing syntax enables building large, robust applications using object-oriented techniques and industry-standard design principles. This book aims at teaching you how to get up and running with TypeScript development in the most practical way possible. Taking you through two exciting projects built from scratch, you will learn the basics of TypeScript, before progressing to functions, generics, promises, and callbacks. Then, you’ll get to implement object-oriented programming as well as optimize your applications with effective memory management. You’ll also learn to test and secure your applications, before deploying them. Starting with a basic SPA built using Angular, you will progress on to building, maybe, a Chat application or a cool application. You’ll also learn how to use NativeScript to build a cool mobile application. Each of these applications with be explained in detail, allowing you to grasp the concepts fast. By the end of this book, you will have not only built two amazing projects but you will also have the skills necessary to take your development to the next level.
Table of Contents (11 chapters)

Serving an Angular app

We have been running our application using the ng serve command since Chapter 2, Our First Application – Sports News Combinator, so we have some understanding of the command. Let's now look at it in more detail.

The Angular CLI uses webpack to serve up the built application. Webpack does not go to the dist folder to fetch the files for rendering but in fact uses the in-memory files. This allows the application's rendering to be fast as well as helping with live-reload of the application when changes are done at runtime.

Let's start looking at our serve command as shown here:

ng serve

When Angular CLI encounters the serve command, the first thing it does it ask webpack to build the code in-memory and then get the server up and running to host the application. This server is no physical server on any machine; it's a simple development...