React TypeScript Quiz

Test your knowledge of using TypeScript with React, including props, events, children, refs, hooks, and common React types.

20 questions · free · answers explained

Start the quiz

All questions in this quiz

  1. Why is TypeScript commonly used with React?
  2. Which file extension is commonly used for React components containing JSX and TypeScript?
  3. Which package provides TypeScript types for React itself?
  4. Which package provides TypeScript types for React DOM?
  5. What is the main purpose of a Props type or interface?
  6. How do you mark a prop as optional in a TypeScript props type?
  7. What does React.ReactNode commonly represent?
  8. Which type is commonly used for a click event on a button?
  9. Which type is commonly used for an input change event?
  10. What can TypeScript infer from useState when an initial string is provided?
  11. When might you pass a generic type argument to useState?
  12. What is a common type for a ref that points to an input element?
  13. Why is null commonly included in a ref initial value?
  14. Which type is commonly used for a form submit event?
  15. What is a discriminated union useful for in React state?
  16. Why should any usually be avoided in React component props?
  17. What does ComponentProps help you do?
  18. Which type can help type the props of a button wrapper component?
  19. What is a benefit of typing callback props?
  20. What should a component returning JSX usually be typed as explicitly?

Prefer to read first? React interview questions with written answers.