~/talk

Fable.Form: Unlock your Forms Super Powers

Talkat fsharpConf 2023 · on Monday, 2023-06-26· [frontend-architecture, typescript]
links:none on file
slides:none on file

Fable.Form provides a concrete form system built on Fable and Elmish that keeps view state separate from typed outputs, replaces many per-field messages with one message for the entire form, and enforces validations at compile time via the F# compiler. The demos run in the browser: email parsing, password min-length (4) and a composable address form all validate and prevent submit until correct. It supports type-safety, reuse of nested composable forms, and a live JSON-driven form designer that renders and submits dynamic forms.

AI-written summary · about

  1. 0:00Introduction to Fable form
  2. 1:26History of form handling
  3. 3:34The Elmish form builder
  4. 5:56Setting up Fable form
  5. 9:24State and type validation
  6. 11:10Adding multi-field support
  7. 14:03Composing and reusing forms
  8. 17:51Advanced visual layout
  9. 20:01Modular architectural layers
  10. 24:17Building a form designer
  11. 28:46Future steps and conclusion
~/search
type to search 6,249 conferences, 138,987 speakers and 185,172 talks
~/help
cmdctrl k
search every conference, speaker and series
/
focus the filter search
h
home
c
conferences
s
speakers
e
series
t
light / dark — the status bar button does the same
?
this help
esc
close this, then clear every filter — or just the search, while you are typing in it

Ignored while you are typing. Pages without a filter rail have no search to focus.