DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

Cover image for How YOU can use Formik to manage your React forms
Chris Noring for ITNEXT

Posted on

How YOU can use Formik to manage your React forms

Formik is a great library for React that makes form management real easy.

  • Β Formik, part I

    • Forms overview, discussing Forms in general and different form libraries
    • Set up, we will cover how to install and set up a React project with Formik so you after the end of this section have a β€œHello World” version working
    • Taking it for a spin, here we will create a relatively realistic Form example that includes most types of form fields Validation types, there is more than one way to validate like every time the field value change or when you shift focus from one field to the next. Let's look at how to shift between these two modes
  • Formik, partII

    • Schema Validation with Yup, there is an alternate way to validate your input elements and that is by declaring a schema in Yup and simply assign that to an attribute on the Formik component
    • Async validation
    • Built-in components, make everything less verbose using some of Formiks built-in components

Top comments (2)

Collapse
 
isaactait profile image
Isaac Tait

Awesome, just learned about Formik yesterday on Scrimba's React course. Thanks for this.

Collapse
 
softchris profile image
Chris Noring

hi Isaac. Glad it's helpful :)

Do you have your sticker pack yet?