Estratégias de hooks customizados em React
Prompt gerado automaticamente para Hooks customizados em React
5.0
35 usos
ChatGPT
"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."
Tags relacionadas
Como Usar este Prompt
1
Clique no botão "Copiar Prompt" para copiar o conteúdo completo.
2
Abra sua ferramenta de IA de preferência (ChatGPT e etc.).
3
Cole o prompt e substitua as variáveis (se houver) com suas informações.
Outros prompts de React
Continue explorando prompts nesta categoria.
Melhores práticas de server-side rendering para React
Prompt gerado automaticamente para Server-side rendering em React
Melhores práticas de error boundaries para React
Prompt gerado automaticamente para Error boundaries em React
Melhores práticas de performance optimization para React
Prompt gerado automaticamente para Performance optimization em React