Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[Dúvida] Qual é a forma padrão de escrever?

Esse foi como foi feito na aula

import style from "../Lista.module.scss";

export default function Item({
  tarefa,
  tempo,
}: {
  tarefa: string;
  tempo: string;
}): JSX.Element {
  return (
    <li className={style.item}>
      <h3>{tarefa}</h3>
      <span>{tempo}</span>
    </li>
  );
}

Esse eu ja vi em outra aula

import style from "../Lista.module.scss";

interface ItemProps {
  tarefa: string;
  tempo: string;
}

export default function Item({ tarefa, tempo }: ItemProps): JSX.Element {
  return (
    <li className={style.item}>
      <h3>{tarefa}</h3>
      <span>{tempo}</span>
    </li>
  );
}

Gostaria de saber se existe alguma preferencia entre essas duas maneiras

1 resposta
solução!

Olá, Wellington, como vai?

Eu acredito que a preferência seja no uso de interfaces para definir as props porque elas proporcionam uma estrutura mais clara e organizada para o código, especialmente em equipes de desenvolvimento. Isso ajuda a evitar erros, pois qualquer mudança nas props pode ser facilmente atualizada na interface, garantindo que todos os componentes que a utilizam estejam em conformidade. Além disso, a utilização de interfaces melhora a colaboração entre os desenvolvedores, tornando mais fácil entender o que cada componente espera como entrada, o que é essencial em projetos complexos. Mas conhecer ambas as abordagens é igualmente importante.

Espero ter ajudado!

Siga firme nos seus estudos e conte com o fórum sempre que precisar!

Abraços :)

Caso este post tenha lhe ajudado, por favor, marcar como solucionado