Quiz

Test your understanding of creating strongly-typed component events and event handlers in React using TypeScript. This quiz helps reinforce key concepts for building robust and maintainable applications before progressing to typing React context.

We'll cover the following...

Creating strongly-typed events and event handlers

We have an input HTML element in a components JSX:

<input type="text" />

How can we add a strongly-typed event handler to the input for the keydown event, to output the keys pressed to the console.

<input type="text" onKeyDown={e=>console.log(e.key)} />

<input type="text" onKeyDown={e:React.KeyboardEvent<HTMLInputElement> => console.log(e.key)} />

<input type="text" onKeyDown={(e: React.KeyboardEvent) => console.log(e.key)} />

1 / 3

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