How can I use TypeScript with React?

How can I use TypeScript with React?

You can use TypeScript with React by installing the necessary TypeScript packages and configuring your project.

What packages do I need to install?

You need to install typescript, @types/react, and @types/react-dom to get started.

Can you show me a simple example?

Sure! Here's a basic example of a functional component in TypeScript:

import React from 'react';

interface Props {
  name: string;
}

const Greeting: React.FC<Props> = ({ name }) => {
  return <h1>Hello, {name}!</h1>;
};

export default Greeting;

How do I handle props validation?

You can define an interface for your props, as shown in the example, which TypeScript will use for validation.