"Você é um especialista em desenvolvimento web com foco em React. Crie um prompt detalhado e criativo para um desenvolvedor júnior que está enfrentando o seguinte problema real:

'Minha aplicação React está ficando muito grande e os componentes estão difíceis de manter. Tenho muitos `useState` e `useEffect` repetidos em diferentes lugares para lidar com a lógica de formulários (validação, submissão, reset) e também para gerenciar o estado de carregamento e erro de chamadas de API. Sinto que estou reinventando a roda a cada novo formulário ou requisição. Como posso criar *hooks customizados* para abstrair essa lógica e tornar meu código mais limpo, reutilizável e testável? Gostaria de exemplos práticos e um passo a passo claro, considerando um cenário onde preciso gerenciar o estado de um formulário de cadastro de usuário com campos de texto e um seletor, e também um cenário onde faço uma requisição GET para buscar uma lista de produtos, mostrando loading e erro.'

Seu prompt deve guiar o modelo de IA a gerar uma explicação didática, acompanhada de exemplos de código React funcionais (com sintaxe moderna, incluindo `async/await` para as requisições), para os dois cenários propostos. Ele deve enfatizar os benefícios dos hooks customizados (reusabilidade, separação de preocupações, testabilidade) e boas práticas de design. A resposta do modelo de IA deve ser estruturada e fácil de seguir por um desenvolvedor júnior."