Explorar os conceitos de estado
As propriedades (também chamadas de props) e o estado são duas das partes mais importantes de qualquer aplicativo React. Em um aplicativo React típico, o usuário interage com a página para alterar as coisas nela. Essas alterações podem incluir o preenchimento de um formulário ou o toque em um item. Portanto, precisamos garantir que nosso aplicativo possa responder às solicitações do usuário.
Props
As props são valores passados para os componentes do React. Essas cópias dos dados são projetadas para permitir que o componente se renderize. As props são valores imutáveis (somente leitura).
Estado
O estado armazena todos os dados que esperamos alterar durante o ciclo de vida do aplicativo. As alterações podem ser os valores atualizados por meio de um formulário, itens de tarefas marcados como concluídos ou dados de servidor atualizados que precisam ser exibidos na página. Basicamente, se o valor puder ser alterado, ele deverá ser parte do estado do aplicativo.
Imutabilidade
Um dos princípios fundamentais do React é o conceito de imutabilidade. Imutabilidade significa que os valores não são atualizados, mas são definidos para novas cópias de dados.
Ao manter o estado imutável, o React pode determinar melhor o que foi alterado, pois os valores originais ainda existem. Esse uso contínuo de novas cópias permite armazenar o histórico ou aplicar outras funcionalidades avançadas.