What are types and interfaces in React?

What are types and interfaces in React?

Types and interfaces in React are used to define the shape of props and state, ensuring type safety.

Can you give me an example of using an interface in a React component?

Sure! Here's a simple example:

interface UserProps {
  name: string;
  age: number;
}

const User: React.FC<UserProps> = ({ name, age }) => {
  return <div>{name} is {age} years old.</div>;
};

How do types differ from interfaces in TypeScript?

Types can define primitive types, unions, and intersections, while interfaces are primarily for object shapes and can be extended.

When should I use types over interfaces?

Use types for more complex type definitions and unions, and interfaces for defining object shapes and extending them.