Search icon
Arrow left icon
All Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Newsletters
Free Learning
Arrow right icon
Learn React with TypeScript - Second Edition

You're reading from  Learn React with TypeScript - Second Edition

Product type Book
Published in Mar 2023
Publisher Packt
ISBN-13 9781804614204
Pages 474 pages
Edition 2nd Edition
Languages
Author (1):
Carl Rippon Carl Rippon
Profile icon Carl Rippon

Table of Contents (19) Chapters

Preface 1. Part 1: Introduction
2. Chapter 1: Introducing React 3. Chapter 2: Introducing TypeScript 4. Chapter 3: Setting Up React and TypeScript 5. Chapter 4: Using React Hooks 6. Part 2: App Fundamentals
7. Chapter 5: Approaches to Styling React Frontends 8. Chapter 6: Routing with React Router 9. Chapter 7: Working with Forms 10. Part 3: Data
11. Chapter 8: State Management 12. Chapter 9: Interacting with RESTful APIs 13. Chapter 10: Interacting with GraphQL APIs 14. Part 4: Advanced React
15. Chapter 11: Reusable Components 16. Chapter 12: Unit Testing with Jest and React Testing Library 17. Index 18. Other Books You May Enjoy

Questions

Answer the following questions to check what you have learned about TypeScript:

  1. What would the inferred type be for the flag variable in the following code?
    let flag = false;
  2. What is the return type in the following function?
    function log(message: string) {
      return console.log(message);
    }
  3. What is the type annotation for an array of dates?
  4. Will a type error occur in the following code?
    type Point = {x: number; y: number; z?: number};
    const point: Point = { x: 24, y: 65 };
  5. Use a type alias to create a number that can only hold integer values between and including 1 and 3.
  6. What TypeScript compiler option can be used to prevent the transpilation process when a type error is found?
  7. The following code raises a type error because lastSale can’t accept null values:
    type Product = {
      name: string;
      lastSale: Date;
    }
    const table: Product = {name: "Table", lastSale: null}

How can the Product type be changed...

lock icon The rest of the chapter is locked
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at $15.99/month. Cancel anytime}