Book Image

TypeScript Blueprints

By : Ivo Gabe de Wolff
Book Image

TypeScript Blueprints

By: Ivo Gabe de Wolff

Overview of this book

TypeScript is the future of JavaScript. Having been designed for the development of large applications, it is now being widely incorporated in cutting-edge projects such as Angular 2. Adopting TypeScript results in more robust software - software that is more scalable and performant. It's scale and performance that lies at the heart of every project that features in this book. The lessons learned throughout this book will arm you with everything you need to build some truly amazing projects. You'll build a complete single page app with Angular 2, create a neat mobile app using NativeScript, and even build a Pac Man game with TypeScript. As if fun wasn't enough, you'll also find out how to migrate your legacy codebase from JavaScript to TypeScript. This book isn't just for developers who want to learn - it's for developers who want to develop. So dive in and get started on these TypeScript projects.
Table of Contents (16 chapters)
TypeScript Blueprints
Credits
About the Author
About the Reviewer
www.PacktPub.com
Preface

Adding TypeScript


Before you can convert JavaScript files to TypeScript, you must add the TypeScript compiler to a project. If the project already uses a build step, the TypeScript compiler must be integrated into the build step. Otherwise, a new build step must be created. In the following sections, we will set up TypeScript and the build system.

Configuring TypeScript

In all cases, you should start with configuring TypeScript. This configuration will be used by code editors and the build tool. The most important setting is allowJs. This setting allows JavaScript files in the TypeScript project. Other important options are target and module. For target, you can choose between es3, es5, and es2015. The latest version of JavaScript, es2015, is not supported in all browsers at the time of writing. You can target es2015 when you write an application for NodeJS. You can target es5 for browsers. For very old environments, you must target es3.

If the project uses external modules, you should also...