/formik-crud-form

React Js formik form with Yup validation!

Primary LanguageJavaScript

Formik Form

Crud operations execution -

Libraries used:

  • React formik
  • Yup -> for form fields validations
  • Chakra UI -> for form components

Functionality:

  • Validation achieved for each input field in form as per their respective usage.
  • Reset button to clear the form.
  • useHistory hook from react-router to access the history instance for navigation.
  • POST request initialized when the user clicks on submit button.
  • Students list page-> GET request used.
  • useParams hook to view details for single student based on the id usage.
  • PUT request for the user to edit/ update the form details.
  • Delete request to clear single entry.