Advanced TypeScript programming projects : build 9 different apps with TypeScript 3 and JavaScript frameworks such as Angular, React, and Vue /
Saved in:
| Author / Creator: | O'Hanlon, Peter, author. |
|---|---|
| Imprint: | Birmingham : Packt Publishing, Limited, 2019. |
| Description: | 1 online resource (408 pages) |
| Language: | English |
| Subject: | |
| Format: | E-Resource Book |
| URL for this record: | http://pi.lib.uchicago.edu/1001/cat/bib/12649665 |
Table of Contents:
- Cover; Title Page; Copyright and Credits; Dedication; About Packt; Contributors; Table of Contents; Preface; Chapter 1: Advanced TypeScript Features; Technical requirements; Building future-proof TypeScript with tsconfig; Introduction to advanced TypeScript features; Using different types with union types; Combining types with intersection types; Simplifying type declarations with type aliases; Assigning properties using object spread; Deconstructing objects with REST properties; Coping with a variable number of parameters using REST; AOP using decorators; Composing types using mixins
- Using the same code with different types and using genericsMapping values using maps; Creating asynchronous code with promises and async/await; Creating UIs with Bootstrap; Summary; Questions; Chapter 2: Creating a Markdown Editor with TypeScript; Technical requirements; Understanding the project overview; Getting started with a simple HTML project; Writing a simple markdown parser; Building our Bootstrap UI; Mapping our markdown tag types to HTML tag types; Representing our converted markdown using a markdown document; Updating markdown document using visitors
- Understanding the visitor patternApplying the visitor pattern to our code; Deciding which tags to apply by using the chain-of-responsibility pattern; Bringing it all together; Summary; Questions; Further reading; Chapter 3: A React Bootstrap Personal Contacts Manager; Technical requirements; Understanding the project overview; Getting started with the components; Creating a React Bootstrap project with TypeScript support; Creating our mock layout; Creating our application; Formatting our code using tslint; Adding Bootstrap support; React using tsx components
- How React uses a virtual DOM to be more responsiveOur React App component; Displaying the personal details interface; Simplify updating values with binding; Supplying state to bind against; Validating user inputs and the use of validators; Validating the address; Validating the name; Validating the phone number; Applying validation in a React component; Creating and sending data to the IndexedDB database; Adding active record support to our state; Working with the database; Accessing the database from PersonalDetails; Enhancements; Summary; Questions; Further reading
- Chapter 4: The MEAN Stack
- Building a Photo GalleryTechnical requirements; The MEAN stack; Project overview; Getting started; Creating an Angular photo gallery with the MEAN stack; Understanding Angular; Creating our application; App. Module.ts; Using Angular Material for our UI; Using Material to add navigation; Creating our first component
- the FileUpload component; Previewing files using a service; Using the service in the dialog; The file upload component template; Introducing Express support into our application; Providing routing support; Introducing MongoDB; Back to our routing