Book Image

TypeScript High Performance

By : Ajinkya Kher
Book Image

TypeScript High Performance

By: Ajinkya Kher

Overview of this book

<p>In a world where a tiny decrease in frames per second impacts customer engagement greatly, writing highly scalable code is more of a necessity than a luxury. Using TypeScript you get type checking during development. This gives you the power to write optimized code quickly. This book is also a solid tool to those who’re curious to understand the impact of performance in production, and it is of the greatest aid to the proactive developers who like to be cognizant of and avoid the classic pitfalls while coding.</p> <p>The book will starts with explaining the efficient implementation of basic data Structures, data types, and flow control. You will then learn efficient use of advanced language constructs and asynchronous programming. Further, you'll learn different configurations available with TSLint to improve code quality and performance. Next, we'll introduce you to the concepts of profiling and then we deep dive into profiling JS with several tools such as firebug, chrome, fiddler. Finally, you'll learn techniques to build and deploy real world large scale TypeScript applications.</p>
Table of Contents (17 chapters)
Title Page
Credits
Foreword
About the Author
Acknowlegement
About the Reviewer
www.PacktPub.com
Customer Feedback
Preface
7
Profile Deployed JS with Developer Tools and Fiddler

Chapter 7. Profile Deployed JS with Developer Tools and Fiddler

Until now, we have looked at the basics of writing efficient code and explored several different techniques and language constructs that can be leveraged to write high performance TypeScript. We have also looked at how unit tests and linting tools can help catch bugs early and ensure a clean, robust, and highly scalable project that is easy to maintain. Apart from the scalability and high performance that these efficient practices can deliver, we also looked at the challenges involved along the critical rendering path and the different use case-based strategies to optimize it and achieve a superfast initial render and prevent a jagged user experience.

Overall, all the strategies learned so far will help us create a strong, production-ready frontend project, which will scale beautifully over time. The next logical step is to observe the performance of our deployed application and understand the different things that can go wrong...