Taming Forms in React
summary
Claims that Formik removes boilerplate by keeping form state local and exposing simple helpers, demonstrates live coding to build an "invite friends" form with add/remove via FieldArray, validation via Yup, and a rich-text input wired by calling setFieldValue for DraftJS. Shows nested values, touched/errors, submit flow, and that the library already reached about 1.5 million downloads. The demo builds the feature end-to-end in compact code and the form works as shown.
AI-written summary · about
chapters (20)
- 0:00Introduction
- 2:35Overview
- 10:05Coding
- 15:05MiniForming
- 22:50Invite Friends Form
- 27:38Debugging
- 34:51Validation
- 36:41Validation Schema
- 37:41Rendering Errors
- 39:11Get Errors
- 40:11Line by Line Validation
- 40:41Imperative Escape hatches
- 41:21Formic
- 42:36Formic State
- 43:01Editor State
- 43:46DraftJS
- 44:11Copy and Paste
- 44:31Array Rich Editor
- 45:51Text Editor
- 46:21ThirdParty Input
related talks
29mStreamlined Form Management in React with Formik
46mHow not to hate your life when dealing with forms
22mGet your forms hooked with react-hook-form
43mModern Forms in React
27mEnhancing Forms with React Server Components and React 19
25mModern Forms in React
20mEnhancing Forms with React Server Components
27mBuilding better forms with React 19