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

Refactoring the project


When you have ported the project to TypeScript, you can refactor the program more easily. You should remove patterns that do not fit well with TypeScript. For instance, magic string values should be replaced by enums. When you have a project that uses a framework, you can also do some framework related refactoring. For a React project, you might want to upgrade from the old class creation with React.createClass to the new class syntax.

A proper editor can help during refactoring. VS Code can rename an identifier in the whole project or find all references of an identifier. It can also format your code if it's messy or jump to the definition of an identifier. You can access these options with a right-click on the identifier in the code.

Which steps you must do for refactoring depends on your project. You should look for parts of the code that are not typed or incorrectly typed, because of a bad structure or some dynamic behavior.

Enable strict checks

You can enable stricter...