/React_formik

React hooks and components for hassle-free form validation. The world's leading companies use Formik to build forms and surveys in React and React Native.

Primary LanguageJavaScriptMIT LicenseMIT

Getting Started with Create React Formik

In this project include,

  • create Simple Form
  • useFormik Hook
  • Managing Form State
  • Handling Form Submission
  • Form validation
  • Validation function
  • Displaying error messages
  • Visited Fields
  • Improving validation UX
  • Schema validation with Yup
  • Reducing boilerplate
  • Formik component
  • Form component
  • Field component
  • ErrorMessage component
  • Field Revisited
  • ErrorMessage Revisited
  • Nested Objects
  • Arrays
  • FieldArray component
  • FastField Component
  • When does validation run
  • Field Level Validation
  • Manually trigering validation
  • Disabling Submit
  • Load Saved Data
  • Reset Form Data
  • Building Reusable Formik Controls
  • FormikControl Component
  • Textarea and Input
  • Select
  • Radio Button
  • Chekbox group
  • Date Picker
  • Login Form
  • Registration Form
  • Wiring up a UI Library
  • ChakraInput
  • Wrapping Up