Modern Forms in React
summary
Explains why Hooks don’t eliminate form libraries and introduces Final Form (pure JS, framework-agnostic, subscription-based engine ~5.2K gz) plus React Final Form (thin bindings, ~3.3K gz; combined ~8.5K gz) as a smaller alternative to Redux Form (≈2M monthly downloads, ~27K gz). Shows exact APIs: field subscriptions as boolean projections, useField/useForm hooks, and Form Spy to render only changed fields so typing rerenders a single field. Unveils a beta product called Form Nerd for per-field usage and conversion metrics.
AI-written summary · about
chapters (11)
- 0:00Intro
- 2:51Multiple Inputs
- 4:51Forum Complexity
- 5:21Redux Forum
- 6:10Feedback
- 7:26Framework agnostic
- 8:24FinalForm
- 9:13ReactFinalForm
- 10:36API Rap
- 12:02Live coding
- 18:45Choosing a library
related talks
43mModern Forms in React
45mNext Generation Forms with React Final Form
55m🏁Final Form: Form state management via Observers
13mReact Hook Form: A Migration Story
46mHow not to hate your life when dealing with forms
22mGet your forms hooked with react-hook-form
54mTaming Forms in React
26mThe Art of Building Modern Dynamic Forms