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

Creating the project structure


In the previous chapters, we wrote our TypeScript sources in the lib directory. The static or dist directory contained the compiled sources. However, in this chapter, we have to make a different structure since NativeScript has some requirements on it. NativeScript requires that the compiled sources are located in the app directory and it uses the lib directory for plugins, so we cannot use that directory for our TypeScript sources. Instead, we will use the src directory.

NativeScript can automatically create a basic project structure. By running the following commands, a minimal project will be created:

tns init
npm install

The first command creates the package.json file and the app directory. NativeScript stores the icons and splash screens (which you see when the app is loading) in app. You can edit these files when you want to publish an app. The npm install command installs the dependencies that NativeScript needs. These dependencies were added to package...