Menu

I made a small headless library for handling form submissions in React / Next.js

#reactjs#redditreactjs#server#form#react
Reading 0:00
15s threshold

Hey everyone,

I kept writing the same code for every form in my projects: react-hook-form setup, a try/catch around the server action, mapping server errors back onto the fields, a loading state, stopping double submits, a toast, refreshing the data, resetting the form... and doing it again for every add/edit/delete dialog.

So I pulled all of that into a small package called submitly .

It’s headless, so it doesn’t render anything. You keep your own components (shadcn, Radix, Base UI, plain inputs, whatever you use).

What it does:

useCrudForm : react-hook-form + schema validation + your action in one hook

Works with any Standard Schema library: Zod 3/4, Valibot, ArkType

Server errors get mapped to the right fields automatically (nested ones like items.0.name too)

Ignores double submits while a request is in flight

Locks the dialog while saving, so the user can’t close it halfway through a request

useCrudAction for delete/toggle buttons, with the same behavior

One provider where you plug in your own…

Continue reading — create a free account

Join HashtagPLUS to read full articles, follow hashtags, vote, and join the conversation.