Typescript

Question 1

Como tipar props de componente React?

Answer 1

type Props = { title: string }
const MyComponent: React.FC<Props> = ({ title }) => ...</Props>

Question 2

Qual a diferença entre interface e type?

Answer 2

Ambos definem formas de objeto, mas interface permite extensão.

Question 3

Como tornar uma prop opcional?

Answer 3

interface Props { idade?: number }

Question 4

O que é uma union type?

Answer 4

Permite múltiplos tipos possíveis.

type Status = ‘ativo’ | ‘inativo’

Question 5

Como usar genéricos?

Answer 5

function identity<T>(arg: T): T {
return arg;</T>

Question 6

O que é Record em TS?

Answer 6

Mapeia chaves para tipos.
Record<string, number>

Question 7

Como tipar funções?

Answer 7

const soma: (a: number, b: number) => number = (a, b) => a + b;

Question 8

Como lidar com objetos com chaves dinâmicas?

Answer 8

type Obj = { [key: string]: number }

Question 9

Como forçar um valor como um tipo?

Answer 9

const valor = “ok” as “ok”;

Question 10

Como tipar estados com useState?

Answer 10

const [count, setCount] = useState<number>(0);</number>