Tenho um sistema que possui uma grande quantidade de <input>
s necessários para montar uma requisição, eles são divididos em 4 partes (componentes), sendo cada parte com uma ou mais subpartes (subcomponentes)
Não quero salvar os dados no servidor aos poucos, o servidor só receberá uma requisição com todos os dados. Então preciso armazenar localmente
Tive duas ideias:
Criar um formáulrio para cada componente e subcomponente e emitir um evento quando a mesma estiver concluída que serão ouvidos pelo componente raiz, lá será gerenciado os dados
Salvar localmente as pates dos dados em LocalStorage, quando a última etapa estiver pronta, montar a requisição
Observações:
No modelo 1 será salvo os dados localmente de qualquer jeito, porém isso será feito apena pelo componente raiz, já no modelo 2 isso será feito por cada componente ou subcomponente
Por ser um formulário muito grande, pode ser que ele não seja totalmente preenchido em um único momento, assim como pode ser necessário começar um novo cadastro, mas mantendo o anterior salvo para finalizar posteriormente
Como fazer esse controle de forma simples e legível? Outras formas são bem vindas
A dúvida não é como implementar, mas qual implementar
localStorage
não seja uma prática muito sensata, já que os dados podem se tornar vulneráveis (com XSS, principalmente). Já procurou por algo chamado form wizard?localStorage
a partir daí. Por isso não creio que seja uma boa prática...