Build forms in React without the tears

Build forms in React without the tears

Formik is a small library that helps you with the 3 most annoying parts

CircleCI Stable Release Blazing Fast gzip size license Discord Join the community on Spectrum

Let's face it, forms are really verbose in React. To make matters worse, most form helpers do wayyyy too much magic and often have a significant performance cost associated with them. Formik is a small library that helps you with the 3 most annoying parts:

  1. Getting values in and out of form state
  2. Validation and error messages
  3. Handling form submission

By colocating all of the above in one place, Formik will keep things organized--making testing, refactoring, and reasoning about your forms a breeze.

Docs

In-browser Playgrounds

You can play with Formik in your web browser with these live online playgrounds.

  • CodeSandbox (ReactDOM) https://codesandbox.io/s/zKrK5YLDZ
  • Expo Snack (React Native) https://snack.expo.io/@jaredpalmer/basic-formik-x-react-native-example

Examples

Organizations and projects using Formik

List of organizations and projects using Formik

Authors

Contributors

Formik is made with <3 thanks to these wonderful people (emoji key):

|
Jared Palmer

[

Github Repository

Tags: #React #Form