onReset callback about form-atoms

[jaredLunde]

Can't you use the native onReset event? https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/reset_event

import { flushSync } from 'react-dom';
...

           <form
              onSubmit={form.submit(async (values) => {
                  await onSubmit(values, formActions);
              })}
              onReset={(event) => {
                flushSync(() => {
                  form.reset();
                 })
                 
                onReset?.(event);
              }}
              {...elementProps}
            >
              {typeof children === "function"
                ? children(form.fieldAtoms, formActions)
                : children}
            </form>

Or can you do something with derived state? https://jotai.org/docs/guides/composing-atoms#basic-derived-atoms

[schiller-manuel]

How would the onReset form event be triggered if I reset the form like this:

const formActions = useFormActions(formAtom);
formActions.reset();

[jaredLunde]

I would personally use a native form reset. But to accomplish it programmatically, it's the same:

flushSync(() => {
  formActions.reset()
})
                 
onReset();

[jaredLunde]

That is, I don't see why this is needed in the library. You can just invoke the reset thing you're doing when you invoke the reset. Or use Jotai's derived state patterns.

[schiller-manuel]

It is not needed, it would be nice to have. I have a component that listens to the dirty state of the form atom and displays save/discard buttons in case the form is dirty. When the discard button is clicked, the form is reset via formActions.reset().
Currently I have to prop drill the onReset callback to that component.
If the formAtom would execute it upon reset, the component would not need to be made aware of it.

[jaredLunde]

There are ways to solve this with React/Jotai (prop drilling, as you mentioned is one). Minor inconveniences are perfectly OK in software engineering and do not necessitate unnecessary abstractions (as my GitHub bio has trumpeted for years 😏)