1.Field.tsx

export const NameField = createField({
  view: ({ value, onChange }) => <Input value={value} onChange={onChange} />
})

1.SaveButton.tsx

export const SaveButton = createButton({
  type: "save",
  text: () => "Save User"
})

2.Form.tsx

import { saveUser } from '~api'

import { NameField } from './0.NameField.ts'
import { SaveButton } from './1.SaveButton.ts'

const $form = createStoreObject({
  name: NameField.$value
})

forward({
  from: sample($form, SaveButton.pressed),
  to: saveUser
})

const Form = () => {
  return <form onSubmit={SaveButton.pressed}>
    <NameField />
    <SaveButton />
  </form>
}