- The TypeScript Workshop
- Preface
- 1. TypeScript Fundamentals
- Introduction
- The Evolution of TypeScript
- Design Goals of TypeScript
- Getting Started with TypeScript
- The TypeScript Compiler
- Setting Up a TypeScript Project
- Exercise 1.01: Using tsconfig.json and Getting Started with TypeScript
- Types and Their Uses
- TypeScript and Functions
- Exercise 1.02: Working with Functions in TypeScript
- TypeScript and Objects
- Exercise 1.03: Working with Objects
- Basic Types
- Exercise 1.04: Examining typeof
- Strings
- Numbers
- Booleans
- Arrays
- Tuples
- Schwartzian transform
- Exercise 1.05: Using Arrays and Tuples to Create an Efficient Sort of Objects
- Enums
- Any and Unknown
- Null and Undefined
- Never
- Function Types
- Making Your Own Types
- Exercise 1.06: Making a Calculator Function
- Activity 1.01: Creating a Library for Working with Strings
- Summary
- 2. Declaration Files
- Introduction
- Declaration Files
- Exercise 2.01: Creating a Declaration File from Scratch
- Exceptions
- Third-Party Code Libraries
- DefinitelyTyped
- Analyzing an External Declaration File
- Exercise 2.02: Creating Types with External Libraries
- Development Workflow with DefinitelyTyped
- Exercise 2.03: Creating a Baseball Lineup Card Application
- Activity 2.01: Building a Heat Map Declaration File
- Summary
- 3. Functions
- Introduction
- Functions in TypeScript
- Exercise 3.01: Getting Started with Functions in TypeScript
- The function Keyword
- Function Parameters
- Argument versus Parameter
- Optional Parameters
- Default Parameters
- Multiple Arguments
- Rest Parameters
- Destructuring Return Types
- The Function Constructor
- Exercise 3.02: Comparing Number Arrays
- Function Expressions
- Arrow Functions
- Type Inference
- Exercise 3.03: Writing Arrow Functions
- Understanding this
- Exercise 3.04: Using this in an Object
- Closures and Scope
- Exercise 3.05: Creating the Order Factory with Closures
- Currying
- Exercise 3.06: Refactoring into Curried Functions
- Functional Programming
- Organizing Functions into Objects and Classes
- Exercise 3.07: Refactoring JavaScript into TypeScript
- Import, Export, and Require
- Exercise 3.08: import and export
- Activity 3.01: Building a Flight Booking System with Functions
- Unit Testing with ts-jest
- Activity 3.02: Writing Unit Tests
- Error Handling
- Summary
- 4. Classes and Objects
- Introduction
- What Are Classes and Objects?
- Exercise 4.01: Building Your First Class
- Extending Class Behavior with a Constructor
- The this Keyword
- Exercise 4.02: Defining and Accessing the Attributes of a Class
- Exercise 4.03: Integrating Types into Classes
- TypeScript Interfaces
- Exercise 4.04: Building an Interface
- Generating HTML Code in Methods
- Exercise 4.05: Generating and Viewing HTML Code
- Working with Multiple Classes and Objects
- Exercise 4.06: Combining Classes
- Activity 4.01: Creating a User Model Using Classes, Objects, and Interfaces
- Summary
- 5. Interfaces and Inheritance
- Introduction
- Interfaces
- Case Study – Writing Your First Interface
- Exercise 5.01: Implementing Interfaces
- Exercise 5.02: Implementing Interfaces – Creating a Prototype Blogging Application
- Exercise 5.03: Creating Interfaces for a Function for Updating a User Database
- Activity 5.01: Building a User Management Component Using Interfaces
- TypeScript Inheritance
- Exercise 5.04: Creating a Base Class and Two Extended Child Classes
- Exercise 5.05: Creating Bases and Extended Classes Using Multi-level Inheritance
- Activity 5.02: Creating a Prototype Web Application for a Vehicle Showroom Using Inheritance
- Summary
- 6. Advanced Types
- Introduction
- Type Aliases
- Exercise 6.01: Implementing a Type Alias
- Type Literals
- Exercise 6.02: Type Literals
- Intersection Types
- Exercise 6.03: Creating Intersection Types
- Union Types
- Exercise 6.04: Updating the Products Inventory using an API
- Index Types
- Exercise 6.05: Displaying Error Messages
- Activity 6.01: Intersection Type
- Activity 6.02: Union Type
- Activity 6.03: Index Type
- Summary
- 7. Decorators
- Introduction
- Reflection
- Setting Up Compiler Options
- Importance of Decorators
- The Problem of Cross-Cutting Concerns
- The Solution
- Decorators and Decorator Factories
- Decorator Syntax
- Decorator Factories
- Class Decorators
- Property Injection
- Exercise 7.01: Creating a Simple Class Decorator Factory
- Constructor Extension
- Exercise 7.02: Using a Constructor Extension Decorator
- Constructor Wrapping
- Exercise 7.03: Creating a Logging Decorator for a Class
- Method and Accessor Decorators
- Decorators on Instance Functions
- Exercise 7.04: Creating a Decorator That Marks a Function Enumerable
- Decorators on Static Functions
- Method Wrapping Decorators
- Exercise 7.05: Creating a Logging Decorator for a Method
- Activity 7.01: Creating Decorators for Call Counting
- Using Metadata in Decorators
- Reflect Object
- Exercise 7.06: Adding Metadata to Methods via Decorators
- Property Decorators
- Exercise 7.07: Creating and Using a Property Decorator
- Parameter Decorators
- Exercise 7.08: Creating and Using a Parameter Decorator
- Application of Multiple Decorators on a Single Target
- Activity 7.02: Using Decorators to Apply Cross-Cutting Concerns
- Summary
- 8. Dependency Injection in TypeScript
- 9. Generics and Conditional Types
- 10. Event Loop and Asynchronous Behavior
- Introduction
- The Multi-Threaded Approach
- The Asynchronous Execution Approach
- Executing JavaScript
- Exercise 10.01: Stacking Functions
- Browsers and JavaScript
- Events in the Browser
- Environment APIs
- setTimeout
- Exercise 10.02: Exploring setTimeout
- AJAX (Asynchronous JavaScript and XML)
- Activity 10.01: Movie Browser Using XHR and Callbacks
- Promises
- Exercise 10.03: Counting to Five
- What are Promises?
- Exercise 10.04: Counting to Five with Promises
- Activity 10.02: Movie Browser Using fetch and Promises
- async/await
- Exercise 10.05: Counting to Five with async and await
- Activity 10.03: Movie Browser Using fetch and async/await
- Summary
- 11. Higher-Order Functions and Callbacks
- Introduction
- Introduction to HOCs – Examples
- Higher-Order Functions
- Exercise 11.01: Orchestrating Data Filtering and Manipulation Using Higher-Order Functions
- Callbacks
- The Event Loop
- Callbacks in Node.js
- Callback Hell
- Avoiding Callback Hell
- Splitting the Callback Handlers into Function Declarations at the File Level
- Chaining Callbacks
- Promises
- async/await
- Activity 11.01: Higher-Order Pipe Function
- Summary
- 12. Guide to Promises in TypeScript
- Introduction
- The Evolution of and Motivation for Promises
- Anatomy of a Promise
- The Promise Callback
- then and catch
- Pending State
- Fulfilled State
- Rejected State
- Chaining
- Exercise 12.01: Chaining Promises
- finally
- Promise.all
- Exercise 12.02: Recursive Promise.all
- Promise.allSettled
- Exercise 12.03: Promise.allSettled
- Promise.any
- Promise.race
- Enhancing Promises with Types
- Exercise 12.04: Asynchronous Rendering
- Libraries and Native Promises — Third-Party Libraries, Q, and Bluebird
- Polyfilling Promises
- Promisify
- Node.js util.promisify
- Asynchronous FileSystem
- fs.readFile
- fs.readFileSync
- The fs Promises API
- Exercise 12.05: The fs Promises API
- Working with Databases
- Developing with REST
- Exercise 12.06: Implementing a RESTful API backed by sqlite
- Putting It All Together – Building a Promise App
- Activity 12.01: Building a Promise App
- Summary
- 13. Async/Await in TypeScript
- Introduction
- Evolution and Motivation
- async/await in TypeScript
- Exercise 13.01: Transpilation Targets
- Choosing a Target
- Syntax
- async
- Exercise 13.02: The async Keyword
- Exercise 13.03: Resolving an async Function with then
- await
- Exercise 13.04: The await Keyword
- Exercise 13.05: Awaiting a Promise
- Syntactic Sugar
- Exception Handling
- Exercise 13.06: Exception Handling
- Top-Level await
- Promise Methods
- Exercise 13.07: async/await in Express.js
- Exercise 13.08: NestJS
- Exercise 13.09: TypeORM
- Activity 13.01: Refactoring Chained Promises to Use await
- Summary
- 14. TypeScript and React
- Introduction
- Typing React
- TypeScript in React
- Hello, React
- The Component
- Stateful Components
- Stateless Components
- Pure Components
- Higher-Order Components
- JSX and TSX
- Exercise 14.01: Bootstrapping with Create React App
- Routing
- Exercise 14.02: React Router
- React Components
- Class Components
- Function Components (Function Declaration)
- Function Components (Function Expression with Arrow Functions)
- No JSX
- State in Function Components
- State Management in React
- Exercise 14.03: React Context
- Firebase
- Exercise 14.04: Getting Started with Firebase
- Styling React Applications
- Master Stylesheet
- Component-Scoped Styles
- CSS-in-JS
- Component Libraries
- Activity 14.01: The Blog
- Summary
- Appendix
- 1. TypeScript Fundamentals
- Activity 1.01: Creating a Library for Working with Strings
- toTitleCase
- countWords
- toWords
- repeat
- isAlpha
- isBlank
- 2. Declaration Files
- Activity 2.01: Building a Heat Map Declaration File
- 3. Functions
- Activity 3.01: Building a Flight Booking System with Functions
- Activity 3.02: Writing Unit Tests
- 4. Classes and Objects
- Activity 4.01: Creating a User Model Using Classes, Objects, and Interfaces
- 5. Interfaces and Inheritance
- Activity 5.01: Building a User Management Component Using Interfaces
- Activity 5.02: Creating a Prototype Web Application for a Vehicle Showroom Using Inheritance
- 6. Advanced Types
- Activity 6.01: Intersection Type
- Activity 6.02: Union Type
- Activity 6.03: Index Type
- 7. Decorator
- Activity 7.01: Creating Decorators for Call Counting
- Activity 7.02: Using Decorators to Apply Cross-Cutting Concerns
- 8. Dependency Injection in TypeScript
- Activity 8.01: DI-Based Calculator
- Bonus:
- 9. Generics and Conditional Types
- Activity 9.01: Creating a DeepPartial<T> Type
- 10. Event Loop and Asynchronous Behavior
- Activity 10.01: Movie Browser Using XHR and Callbacks
- Activity 10.02: Movie Browser Using fetch and Promises
- Activity 10.03: Movie Browser Using fetch and async/await
- 11. Higher-Order Functions and Callbacks
- Activity 11.01: Higher-Order Pipe Function
- 12. Guide to Promises in TypeScript
- Activity 12.01: Building a Promise App
- 13. Async/Await in TypeScript
- Activity 13.01: Refactoring Chained Promises to Use await
- 14. TypeScript and React
- Activity 14.01: The Blog
- Hey!
Hey!
We're Ben Grynhaus, Jordan Hudgens, Rayon Hunte, Matt Morgan, and Wekoslav Stefanovski, the authors of this book. We really hope you enjoyed reading our book and found it useful for learning TypeScript.
It would really help us (and other potential readers!) if you could leave a review on Amazon sharing your thoughts on The TypeScript Workshop.
Go to the link https://packt.link/r/1838828494.
OR
Scan the QR code to leave your review.
Your review will help us to understand what's worked well in this book and what could be improved upon for future editions, so it really is appreciated.
Best wishes,
Ben Grynhaus, Jordan Hudgens, Rayon Hunte, Matt Morgan, and Wekoslav Stefanovski
-
No Comment
..................Content has been hidden....................
You can't read the all page of ebook, please click here login for view all page.