Biswas N. TypeScript Basics. Learn TypeScript from Scratch...with Projects 2023

Textbook in PDF format

TypeScript is revolutionizing how developers create JavaScript apps. It was built by Microsoft to fix the issues that came out of loose binding in JavaScript. Since JavaScript is a loosely typed language, a lot of issues ended up in the production apps. These issues were hard to track and took a lot of time to fix.
TypeScript is a superset of JavaScript, and it enables you to avoid type errors before they even occur. You can catch them in an IDE (Integrated Development Environment) like VS Code. The popular JavaScript frontend framework of Angular uses TypeScript by default. The most popular JavaScript frontend library called React also uses JavaScript by default. This book first teaches you about TypeScript, and then you will use it in a ReactJS project. You will also use it with the JavaScript backend framework of NodeJS and learn how to create a React Redux project.
Jumpstart your working knowledge of Typescript with a quick, practical guide and start using this open source, object orientated language with confidence. This book highlights how Typescript works with JavaScript and its frameworks, giving it greater functionality, especially for larger enterprise projects. You'll start by reviewing some fundamentals such as how to run a TypeScript file and compile it to JavaScript as well as understand how it sits within the full ecosystem alongside React, Redux, Angular and Webpack. Using a practical project-led approach, you'll go through key concepts and aspects of Typescript such as compilers, arrays, classes and interfaces. Once you complete the fundamental basics, you'll move onto more complex topics like advanced types.
You'll also learn about Decorators, which are a must-have feature in Angular. The book then presents a small To-do list project followed by a larger 'Drag and Drop' project. You'll see how to divide the drag and drop project into small manageable modules and learn to make the project more efficient with Webpack. Lastly, you'll create two more React projects, a party app with React and then one with React and Redux.
Typescript Basics reveals how this JavaScript extension is currently the fastest growing language for web development with more and more developers and companies looking to utilize and adopt it within their current workflows and projects.
What You'll Learn:
- Understand the particulars of Typescript and how it feeds into the JS and Web development eco-system
- Implement Typescript for enterprise projects
- Use Typescript with practical projects and examples
- See how Typescript interacts with major frameworks like React and Angular
About the Author ix
About the Technical Reviewer xi
Introduction xiii
Getting Started
TypeScript Basics
The TypeScript Compiler
Classes and Interfaces
Advanced Types
Generics and Decorators
Creating a To-do List Project with TypeScript
Creating a Drag-and-Drop Project with TypeScript
Improving the Drag-and-Drop Project
Creating a Party App in ReactJS with TypeScript
Using React Redux with TypeScript
Index