book

The TypeScript Workshop

Name: The TypeScript Workshop
ISBN: 9781838828493

by Ben Grynhaus, Jordan Hudgens, Rayon Hunte, Matt Morgan, Wekoslav Stefanovski

July 2021

Beginner

714 pages

12h 57m

English

Packt Publishing

Read now

Unlock full access

The TypeScript Workshop
Preface
About the BookAbout the AuthorsWho This Book Is ForAbout the ChaptersConventionsBefore You BeginHardware RequirementsSoftware RequirementsInstallation and SetupInstalling the Code BundleGet in TouchPlease Leave a Review
1. TypeScript Fundamentals
IntroductionThe Evolution of TypeScriptDesign Goals of TypeScriptGetting Started with TypeScriptThe TypeScript CompilerSetting Up a TypeScript ProjectExercise 1.01: Using tsconfig.json and Getting Started with TypeScriptTypes and Their UsesTypeScript and FunctionsExercise 1.02: Working with Functions in TypeScriptTypeScript and ObjectsExercise 1.03: Working with ObjectsBasic TypesExercise 1.04: Examining typeofStringsNumbersBooleansArraysTuplesSchwartzian transform Exercise 1.05: Using Arrays and Tuples to Create an Efficient Sort of ObjectsEnumsAny and UnknownNull and UndefinedNeverFunction TypesMaking Your Own TypesExercise 1.06: Making a Calculator FunctionActivity 1.01: Creating a Library for Working with StringsSummary
2. Declaration Files
IntroductionDeclaration Files Exercise 2.01: Creating a Declaration File from ScratchExceptionsThird-Party Code LibrariesDefinitelyTypedAnalyzing an External Declaration FileExercise 2.02: Creating Types with External LibrariesDevelopment Workflow with DefinitelyTypedExercise 2.03: Creating a Baseball Lineup Card ApplicationActivity 2.01: Building a Heat Map Declaration FileSummary
3. Functions
IntroductionFunctions in TypeScriptExercise 3.01: Getting Started with Functions in TypeScriptThe function KeywordFunction ParametersArgument versus ParameterOptional ParametersDefault ParametersMultiple ArgumentsRest ParametersDestructuring Return TypesThe Function ConstructorExercise 3.02: Comparing Number ArraysFunction ExpressionsArrow FunctionsType InferenceExercise 3.03: Writing Arrow FunctionsUnderstanding thisExercise 3.04: Using this in an ObjectClosures and ScopeExercise 3.05: Creating the Order Factory with ClosuresCurryingExercise 3.06: Refactoring into Curried FunctionsFunctional ProgrammingOrganizing Functions into Objects and ClassesExercise 3.07: Refactoring JavaScript into TypeScriptImport, Export, and RequireExercise 3.08: import and exportActivity 3.01: Building a Flight Booking System with FunctionsUnit Testing with ts-jestActivity 3.02: Writing Unit TestsError HandlingSummary
4. Classes and Objects
IntroductionWhat Are Classes and Objects?Exercise 4.01: Building Your First ClassExtending Class Behavior with a ConstructorThe this KeywordExercise 4.02: Defining and Accessing the Attributes of a ClassExercise 4.03: Integrating Types into ClassesTypeScript InterfacesExercise 4.04: Building an InterfaceGenerating HTML Code in MethodsExercise 4.05: Generating and Viewing HTML CodeWorking with Multiple Classes and ObjectsExercise 4.06: Combining ClassesActivity 4.01: Creating a User Model Using Classes, Objects, and InterfacesSummary
5. Interfaces and Inheritance
IntroductionInterfacesCase Study – Writing Your First InterfaceExercise 5.01: Implementing Interfaces Exercise 5.02: Implementing Interfaces – Creating a Prototype Blogging ApplicationExercise 5.03: Creating Interfaces for a Function for Updating a User Database Activity 5.01: Building a User Management Component Using InterfacesTypeScript InheritanceExercise 5.04: Creating a Base Class and Two Extended Child ClassesExercise 5.05: Creating Bases and Extended Classes Using Multi-level Inheritance Activity 5.02: Creating a Prototype Web Application for a Vehicle Showroom Using InheritanceSummary
6. Advanced Types
IntroductionType AliasesExercise 6.01: Implementing a Type AliasType LiteralsExercise 6.02: Type LiteralsIntersection TypesExercise 6.03: Creating Intersection TypesUnion TypesExercise 6.04: Updating the Products Inventory using an APIIndex TypesExercise 6.05: Displaying Error MessagesActivity 6.01: Intersection TypeActivity 6.02: Union TypeActivity 6.03: Index TypeSummary
7. Decorators
IntroductionReflectionSetting Up Compiler OptionsImportance of DecoratorsThe Problem of Cross-Cutting ConcernsThe SolutionDecorators and Decorator FactoriesDecorator SyntaxDecorator FactoriesClass DecoratorsProperty InjectionExercise 7.01: Creating a Simple Class Decorator FactoryConstructor ExtensionExercise 7.02: Using a Constructor Extension DecoratorConstructor WrappingExercise 7.03: Creating a Logging Decorator for a ClassMethod and Accessor DecoratorsDecorators on Instance FunctionsExercise 7.04: Creating a Decorator That Marks a Function EnumerableDecorators on Static FunctionsMethod Wrapping DecoratorsExercise 7.05: Creating a Logging Decorator for a MethodActivity 7.01: Creating Decorators for Call CountingUsing Metadata in DecoratorsReflect ObjectExercise 7.06: Adding Metadata to Methods via DecoratorsProperty DecoratorsExercise 7.07: Creating and Using a Property DecoratorParameter DecoratorsExercise 7.08: Creating and Using a Parameter DecoratorApplication of Multiple Decorators on a Single TargetActivity 7.02: Using Decorators to Apply Cross-Cutting ConcernsSummary
8. Dependency Injection in TypeScript
IntroductionThe DI Design PatternDI in AngularExercise 8.01: Adding HttpInterceptor to an Angular AppDI in Nest.jsInversifyJSExercise 8.02: "Hello World" Using InversifyJSActivity 8.01: DI-Based CalculatorSummary

9. Generics and Conditional Types
IntroductionGenericsGeneric InterfacesGeneric TypesGeneric ClassesExercise 9.01: Generic Set classGeneric FunctionsGeneric ConstraintsExercise 9.02: The Generic memoize FunctionGeneric DefaultsConditional TypesActivity 9.01: Creating a DeepPartial<T> TypeSummary
10. Event Loop and Asynchronous Behavior
IntroductionThe Multi-Threaded ApproachThe Asynchronous Execution ApproachExecuting JavaScriptExercise 10.01: Stacking FunctionsBrowsers and JavaScriptEvents in the BrowserEnvironment APIssetTimeoutExercise 10.02: Exploring setTimeoutAJAX (Asynchronous JavaScript and XML)Activity 10.01: Movie Browser Using XHR and CallbacksPromisesExercise 10.03: Counting to FiveWhat are Promises?Exercise 10.04: Counting to Five with PromisesActivity 10.02: Movie Browser Using fetch and Promisesasync/awaitExercise 10.05: Counting to Five with async and awaitActivity 10.03: Movie Browser Using fetch and async/awaitSummary
11. Higher-Order Functions and Callbacks
IntroductionIntroduction to HOCs – ExamplesHigher-Order FunctionsExercise 11.01: Orchestrating Data Filtering and Manipulation Using Higher-Order FunctionsCallbacksThe Event LoopCallbacks in Node.jsCallback HellAvoiding Callback HellSplitting the Callback Handlers into Function Declarations at the File LevelChaining CallbacksPromisesasync/awaitActivity 11.01: Higher-Order Pipe FunctionSummary
12. Guide to Promises in TypeScript
IntroductionThe Evolution of and Motivation for PromisesAnatomy of a PromiseThe Promise Callbackthen and catchPending StateFulfilled StateRejected StateChainingExercise 12.01: Chaining PromisesfinallyPromise.allExercise 12.02: Recursive Promise.allPromise.allSettledExercise 12.03: Promise.allSettledPromise.anyPromise.raceEnhancing Promises with TypesExercise 12.04: Asynchronous RenderingLibraries and Native Promises — Third-Party Libraries, Q, and BluebirdPolyfilling PromisesPromisifyNode.js util.promisifyAsynchronous FileSystemfs.readFilefs.readFileSyncThe fs Promises APIExercise 12.05: The fs Promises APIWorking with DatabasesDeveloping with RESTExercise 12.06: Implementing a RESTful API backed by sqlitePutting It All Together – Building a Promise AppActivity 12.01: Building a Promise AppSummary
13. Async/Await in TypeScript
IntroductionEvolution and Motivationasync/await in TypeScriptExercise 13.01: Transpilation TargetsChoosing a TargetSyntaxasyncExercise 13.02: The async KeywordExercise 13.03: Resolving an async Function with thenawaitExercise 13.04: The await KeywordExercise 13.05: Awaiting a PromiseSyntactic SugarException HandlingExercise 13.06: Exception HandlingTop-Level awaitPromise MethodsExercise 13.07: async/await in Express.jsExercise 13.08: NestJSExercise 13.09: TypeORMActivity 13.01: Refactoring Chained Promises to Use awaitSummary
14. TypeScript and React
IntroductionTyping ReactTypeScript in ReactHello, ReactThe ComponentStateful ComponentsStateless ComponentsPure ComponentsHigher-Order ComponentsJSX and TSXExercise 14.01: Bootstrapping with Create React AppRoutingExercise 14.02: React RouterReact ComponentsClass ComponentsFunction Components (Function Declaration)Function Components (Function Expression with Arrow Functions)No JSXState in Function ComponentsState Management in ReactExercise 14.03: React ContextFirebaseExercise 14.04: Getting Started with FirebaseStyling React ApplicationsMaster StylesheetComponent-Scoped StylesCSS-in-JSComponent LibrariesActivity 14.01: The BlogSummary
Appendix
1. TypeScript FundamentalsActivity 1.01: Creating a Library for Working with StringstoTitleCasecountWordstoWordsrepeatisAlphaisBlank2. Declaration FilesActivity 2.01: Building a Heat Map Declaration File3. FunctionsActivity 3.01: Building a Flight Booking System with FunctionsActivity 3.02: Writing Unit Tests4. Classes and ObjectsActivity 4.01: Creating a User Model Using Classes, Objects, and Interfaces5. Interfaces and InheritanceActivity 5.01: Building a User Management Component Using InterfacesActivity 5.02: Creating a Prototype Web Application for a Vehicle Showroom Using Inheritance6. Advanced TypesActivity 6.01: Intersection TypeActivity 6.02: Union TypeActivity 6.03: Index Type 7. DecoratorActivity 7.01: Creating Decorators for Call CountingActivity 7.02: Using Decorators to Apply Cross-Cutting Concerns8. Dependency Injection in TypeScriptActivity 8.01: DI-Based CalculatorBonus:9. Generics and Conditional TypesActivity 9.01: Creating a DeepPartial<T> Type10. Event Loop and Asynchronous BehaviorActivity 10.01: Movie Browser Using XHR and Callbacks Activity 10.02: Movie Browser Using fetch and PromisesActivity 10.03: Movie Browser Using fetch and async/await11. Higher-Order Functions and CallbacksActivity 11.01: Higher-Order Pipe Function12. Guide to Promises in TypeScriptActivity 12.01: Building a Promise App 13. Async/Await in TypeScriptActivity 13.01: Refactoring Chained Promises to Use await14. TypeScript and ReactActivity 14.01: The Blog
Hey!

Overview

Dive into programming with TypeScript, the popular superset of JavaScript that brings type safety and modern programming features to web development. In this hands-on book, you'll learn how to set up your TypeScript environment, apply types effectively, and integrate TypeScript with modern tools and frameworks such as React.

What this Book will help me do

Set up a professional TypeScript development environment to enhance your coding workflow.
Master the use of primitive and complex types in TypeScript to write robust programs.
Learn how to integrate TypeScript with npm libraries to make scalable applications.
Understand asynchronous programming in TypeScript and its applications.
Develop modern React-based user interfaces using TypeScript to combine power with usability.

Author(s)

The authors of 'The TypeScript Workshop' are experienced educators and software developers, combining years of professional application development and instruction. With a deep understanding of JavaScript and TypeScript, they provide realistic insights and practical techniques to help readers build solid coding capabilities.

Who is it for?

This book is ideal for software developers with a basic understanding of JavaScript or similar languages who want to learn TypeScript to enhance their development skills. Whether you're a budding coder aiming to add a valuable skill or a seasoned professional seeking to stay current in modern web development, this book provides the foundation and advanced tips you need to succeed.

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.

Read now

Unlock full access

More than 5,000 organizations count on O’Reilly

O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.

Julian F.

Head of Cybersecurity

I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.

Addison B.

Field Engineer

I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.

Amir M.

Data Platform Tech Lead

I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.

Mark W.

Embedded Software Engineer

Publisher Resources

ISBN: 9781838828493

Cloud Computing

Data Engineering

Data Science

AI & ML

Programming Languages

Software Architecture

IT/Ops

Security

Design

Business

Soft Skills