Como otimizarias o código repetitivo dos manipuladores onChange para os campos de email e senha?

Para otimizar o código repetitivo dos manipuladores onChange para email e senha, pode criar uma função manipuladora universal que aceite o nome do campo e atualize o estado de forma dinâmica.

Exemplo em React:

const [form, setForm] = React.useState({ email: '', password: '' });

const handleChange = (e) => {
  const { name, value } = e.target;
  setForm(prev => ({ ...prev, [name]: value }));
};

// No JSX
<input name="email" value={form.email} onChange={handleChange} />
<input name="password" value={form.password} onChange={handleChange} />

Essa abordagem elimina a duplicação de código e simplifica a manutenção.