Modern Forms in React
summary
Claims that Hooks remove form libraries get qualified by concrete tradeoffs: form state includes values, dirty/pristine, touched/visited, async submit errors and validation. A standalone engine called final form is framework-agnostic, subscription-based and weighs about 5k gzipped; React bindings (react final form) add ~3.1k so the combo is ~8.1k. API specifics: Form/Field components, form spy, and hooks like useField let code subscribe narrowly to avoid excessive re-renders.
AI-written summary · about
chapters (12)
- 0:00Start
- 0:20FORMS IN REACT
- 2:27WHY USE CONTROLLED INPUTS
- 3:17HOW TO USE CONTROLLED INPUTS
- 6:13WHAT IS FORM STATE?
- 7:52THIS IS FORM STATE
- 9:39RF REDUX FORM
- 11:09CONCEIVING THE PERFECT FORM LIBRARY
- 14:43REACT FORM LIBRARY BUNDLE SIZES
- 15:18REACT FINAL FORM COMPONENTS
- 16:13REACT FINAL FORM HOOKS
- 40:04HOW AND WHEN TO CHOOSE A LIBRARY
related talks
25mModern Forms in React
45mNext Generation Forms with React Final Form
55m🏁Final Form: Form state management via Observers
46mHow not to hate your life when dealing with forms
22mGet your forms hooked with react-hook-form
54mTaming Forms in React
13mReact Hook Form: A Migration Story
27mBuilding better forms with React 19