Solucionado
No exercício resolvido no vídeo, a validação para identificar se as alterações entre os 'padrões' de 'alugado' e 'disponível' foi feita pela classe da imagem, contudo, eu havia pensado em fazer pelo texto do botão. Existe alguma melhor prática para esse tipo de situação?
Oi, dev! Tudo bem?
A sua dúvida é muito pertinente e mostra que você está pensando em diferentes maneiras de resolver o problema, o que é ótimo para o aprendizado!
No exercício, a validação do estado do botão foi feita pela classe da imagem (dashboard__item__img--rented), essa abordagem é bastante comum e tem algumas vantagens:
Clareza e Manutenção: Usar classes CSS para determinar o estado de um elemento é uma prática que mantém o código mais claro e fácil de manter. Isso porque as classes CSS são geralmente usadas para definir estados visuais, e associar a lógica de estado a essas classes faz sentido e é intuitivo.
Separação de Preocupações: Manter a lógica de estado separada da lógica de apresentação (como o texto do botão) ajuda a manter o código organizado. Se você precisar mudar o texto do botão no futuro, não precisará alterar a lógica de estado.
Por outro lado, validar pelo texto do botão também é possível, mas pode não ser a melhor prática por alguns motivos:
Internacionalização: Se o seu aplicativo precisar ser traduzido para outros idiomas, a lógica baseada no texto do botão pode se tornar complicada e propensa a erros.
Manutenção: Alterar o texto do botão em vários lugares do código pode ser mais trabalhoso e menos intuitivo do que alterar uma classe CSS.
Podemos concluir, então, que ambas as abordagens são válidas, mas usar classes CSS para determinar o estado é geralmente considerado uma prática melhor, especialmente em projetos maiores e mais complexos, tornando o código mais fácil de entender, manter e escalar.
Espero ter ajudado!
Um forte abraço e bons estudos!