TypeScript Basics

Study Notes

A superset of JavaScript that adds optional static typing and other features to improve the development experience
Designed to help developers catch errors early and improve code maintainability
Developed by Microsoft

Statically typed: TypeScript checks the types of variables at compile-time, preventing type-related errors at runtime
Interoperable with JavaScript: TypeScript code can easily be converted to JavaScript, and vice versa
Object-oriented programming: Supports classes, interfaces, inheritance, and other OOP concepts
Type inference: TypeScript can automatically infer the types of variables based on their usage
Modules and dependencies: Supports ES6-style modules and dependencies

Basic types: number, string, boolean, array, null, undefined
Complex types: interfaces, classes, enums, generics
Type annotations: explicit type declarations for variables, function parameters, and return types
Union types: a value can be one of multiple types
Intersection types: a value must satisfy multiple types

Better code quality: catches errors early, improves code maintainability
Improved development experience: auto-completion, code refactoring, and debugging tools
Scalability: suitable for large, complex applications
Compatibility: can be used with existing JavaScript frameworks and libraries

TSC (TypeScript Compiler): compiles TypeScript code to JavaScript
Integrated development environments (IDEs): supports Visual Studio, Visual Studio Code, IntelliJ, and others
Build tools: integrates with Webpack, Rollup, and other build tools
Popular frameworks and libraries: compatible with React, Angular, Vue.js, and others

A superset of JavaScript that adds optional static typing and other features to improve the development experience
Designed to help developers catch errors early and improve code maintainability
Developed by Microsoft

Statically typed, which means TypeScript checks the types of variables at compile-time, preventing type-related errors at runtime
Interoperable with JavaScript, allowing for easy conversion of TypeScript code to JavaScript and vice versa
Supports object-oriented programming concepts, including classes, interfaces, inheritance, and more
Features type inference, which allows TypeScript to automatically infer the types of variables based on their usage
Supports ES6-style modules and dependencies

Includes basic types such as number, string, boolean, array, null, and undefined
Supports complex types, including interfaces, classes, enums, and generics
Type annotations allow for explicit type declarations for variables, function parameters, and return types
Union types allow a value to be one of multiple types
Intersection types require a value to satisfy multiple types

Improves code quality by catching errors early and improving code maintainability
Enhances the development experience with features like auto-completion, code refactoring, and debugging tools
Suitable for large, complex applications due to its scalability
Compatible with existing JavaScript frameworks and libraries

The TypeScript Compiler (TSC) compiles TypeScript code to JavaScript
Supports various integrated development environments (IDEs), including Visual Studio, Visual Studio Code, and IntelliJ
Integrates with popular build tools, such as Webpack and Rollup
Compatible with popular frameworks and libraries, including React, Angular, and Vue.js

A statically typed, free, and open-source programming language developed by Microsoft
A superset of JavaScript that adds optional static typing and other features to improve the development experience
Designed to help developers build large, complex applications with ease

Static Typing: Checks the types of variables at compile-time, preventing type-related errors at runtime
Interoperability: Fully compatible with existing JavaScript code and can be used alongside JavaScript files
Object-Oriented Programming: Supports object-oriented programming concepts like classes, interfaces, inheritance, and polymorphism
Type Inference: Can automatically infer the types of variables, reducing the need for explicit type annotations
Compatibility: Compatible with most popular JavaScript frameworks and libraries, including React, Angular, and Vue.js

Fewer Runtime Errors: Static typing helps catch type-related errors at compile-time, reducing the number of runtime errors
Better Code Completion: With type information, code editors can provide more accurate and helpful code completion suggestions
Improved Code Readability: Type annotations and other features make it easier to understand and maintain large codebases

Large, Complex Applications: Well-suited for large, complex applications where maintainability and scalability are crucial
Enterprise Development: A popular choice for enterprise development, where reliability and stability are essential
JavaScript Development: Can be used as a more reliable and maintainable alternative to JavaScript for building web applications