FORM COMPONENT: UserSignup.tsx

FEATURES
✓ React Hook Form v7 (minimal bundle, 5.5kb)
✓ Zod schema validation (type-safe at compile time)
✓ Real-time validation with 300ms debounce
✓ Accessible error messaging (aria-invalid)
✓ Disabled submit during submission

COMPONENT CODE
const schema = z.object({
  email: z.string().email("Invalid email"),
  password: z.string().min(8, "Min 8 chars"),
});

const UserSignup: React.FC = () => {
  const { register, formState: { errors } } = useForm({
    resolver: zodResolver(schema),
    mode: "onChange",
  });
  return (
    <form>
      <input {...register("email")} />
      {errors.email && <span>{errors.email.message}</span>}
    </form>
  );
};

PERFORMANCE NOTES
• Prevents unnecessary re-renders via uncontrolled approach
• Validation runs in worker thread when possible
• Async validators (email uniqueness) are debounced

TYPESCRIPT-FIRST
All props typed via React.FC and Zod inference. Export schema for server-side validation.