Fala galera!
Pensei em um problema para tentar codificar e estudar. É o seguinte: tenho um formulário que é representado pelo componente . Existem outros dois componentes que são filhos deste, são o e o .
Os produtos disponíveis são mostrados em uma tabela onde em cada linha tem um botão de "+" que se o usuário clicar, tem que adicionar esse produto na tabela dos produtos adicionados e inabilitar o botão de "+" do produto clicado.
Nos produtos adicionados a mesma coisa, só que o botão de cada linha é "-", caso for clicado tem que remover o produto adicionado e deixar o botão de "+" equivalente na tabela de disponíveis habilitado novamente.
Minhas dúvidas são as seguintes:
Pensando na forma mais correta de fazer, de quem é a responsabilidade de carregar os produtos disponíveis? É do próprio componente ou a Solicitacao deve carregar e passar o array para o componente?
Quando o evento do botão + for disparado, o correto é de alguma forma fazer com que os ProdutosAdicionados já adicione o produto ou quem deve fazer a manipulação do array de produtos adicionados é sempre a Solicitacao e então repassar como parâmetro para dentro do componenten dos adicionados?
Minhas dúvidas são nesse sentido, de imaginar qual seria a melhor solução, existem vários jeitos de fazer mas gostaria de uma voz com mais experiência para me dizer os prós e contras de cada jeito.
Pense também na reusabilidade dos componentes. Quais seriam os jeitos de fazer para torná-los mais reutilizáveis?
Desde já agradeço a ajuda!
Att.