React

import { useActionState } from "react";

async function saveTech(prev: any, formData: FormData) {
  const name = formData.get("name") as string;
  return { status: "Saved: " + name };
}

export function TechForm() {
  const [state, formAction, isPending] = useActionState(saveTech, { status: "" });
  return (
    <form action={formAction}>
      <input name="name" defaultValue="EmmE Edu" />
      <button disabled={isPending}>{isPending ? "Saving..." : "Submit"}</button>
      <p>{state.status}</p>
    </form>
  );
}