Sébastien Rigaux

Tech watch

← All links

Forms

Form design, input validation and data-entry flows.

React combines <form action>, useActionState, and useOptimistic to handle pending feedback and optimistic updates while keeping form submission available before JavaScript runs. The article shows how this continuity can enhance the interface after hydration without giving up the browser’s native form behavior.

The key is to keep the server action directly in action: inserting a client function breaks submission without JavaScript. For optimistic updates, useHydrated() lets the form choose between the server action and its client-enhanced version.

Found via React Status

OpnForm logo on a light background, with the tagline “The open-source form builder”.

OpnForm is an open-source form builder available as both a managed cloud service and a self-hosted application. Its repository documents practical operational details: bundle-size limits, PostgreSQL index migrations that keep writes available, isolated Docker environments for worktrees, and dependency security checks. It also provides an MCP server that lets AI agents create and preview drafts, with versioned previews that support restoring earlier revisions.

OpnForm