Criando formulários de alto desempenho!

📃 Projeto

A forma tradicional é criar um estado para armazenar as informações(valores) de cada input, Mas tem estratégias melhores. No React existem motivos que vão gerar um novo cliclo renderização:

1º motivo - Quando o componente pai muda, conseguentemente todos os componentes filhos vão ser renderizados

2º motivo - Quando uma propriedade muda o componente também vai ser renderizado

3º motivo - Quando um estado muda, os componentes qua estão vinculado ao estado também vai ser renderizado.

Uma estratégia muito boa é o React Hook Form Veja mais dessa ferramenta aqui!. O React Hook Form tem por objetivo reduzir a verbozidade do código, deixar as validações mais simples e principalmente evitar a utilização de muitos estados, ou seja, ao invés dos estados ficarem mudando o tempo todo, ficar salvando e armazenando o valor de cada input dentro do estado o React Hook Form vai pegar todos os dados de uma vez só e manda isso de uma vez para qualquer lugar.

🚀 Tecnologias/Bibliotecas utilizadas

💻 Autor

Feito com 💜 by Rodrigo Rael