Quiz

Review and assess your understanding of applying TypeScript generics to functions, interfaces, aliases, and classes within React. This quiz helps consolidate your knowledge before moving on to using these types directly in React components.

We'll cover the following...

Working with generic types

We have a type within our codebase for a comment:

type Comment = {
  comment: string;
  email: string;
}

What generic type can we use with Comment that would create a type equivalent to the type below:

type ReadonlyComment = {
  readonly comment: string;
  readonly email: string;
}

Readonly<Comment>

Required<Comment>

Partial<Comment>

1 / 5

1.Why TypeScript?

2.Using basic types

3.Creating types

4.Working with generic types

5.Creating strongly-typed function component props

6.Creating strongly-typed function component state

7.Creating strongly-typed class components

8.Creating strongly-typed component events and event handlers

9.Creating strongly-typed context

10.Creating strongly-typed refs

11.Creating React projects with TypeScript using Create React App

12.Creating a React and TypeScript project manually

13.Putting everything together

Quiz