1
resposta

Desestruturação

Vinicios no meio da aula você apresentou uma forma diferente desestruturar o props, fazendo isso direto onde recebemos, gostei dessa forma mas queria saber se a forma abaixo também é valida ou muito custosa vide que estamos criando mais uma variável.

Desta forma pra mim fica mais legível, por isso minha dúvida.

function Time(props) {

    const { nomeTime } = props;
    const { corPrimaria } = props;
    const { corSecundaria } = props;
    const { colaboradores } = props;
1 resposta

Salve, Bruno!

Já vi alguns projetos fazendo esse tipo de destructuring, a única diferença é que era feito na mesma linha, assim:

    const { nomeTime,  corPrimaria, corSecundaria, colaboradores } = props;

Na minha opinião, o mais importante é definir o padrão e seguir de forma consistente em todos os componentes :)

Sobre performance, em componentes simples como este, é improvável que tenhamos algum tipo de problema