Forms in React can be verbose, repetitive, and messy. Managing the state of values, errors, and touched can make matters even worse. Formik adds a level of organization to your forms that allows for easier implementation, integrated validation, and a consistent interface to add third party components. Formik also makes it easy to abstract common form behavior into primitives that you can share and compose throughout your application. Watch as Jared Palmer walks us through some common form problems and the solutions that Formik provides.

CONTENTS

0:05 - Intro
1:20 - Forms are hard.
1:50 - Traditional React Forms
3:44 - Intro to Formik
6:22 - Formik API overview
9:44 - Basic Demo
11:06 - Building Primitives Demo
13:05 - Third Party Integration Demo
18:30 - Next Release of Formik
21:30 - Questions


RESOURCES

Source code:
github.com/jaredpalmer/formik

Slides:
jaredpalmer.com/reactnyc-formik