https://github.com/ger86/react-formik

In this project I want to show you how we could use the library Formik to handle our forms without tears.
https://github.com/ger86/react-formik

formik react react-formik react-forms reactjs

Last synced: 6 months ago
JSON representation

In this project I want to show you how we could use the library Formik to handle our forms without tears.

• Host: GitHub
• URL: https://github.com/ger86/react-formik
• Owner: ger86
• License: gpl-3.0
• Created: 2019-10-15T09:43:07.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2023-01-06T02:12:38.000Z (about 3 years ago)
• Last Synced: 2025-08-15T20:45:26.163Z (6 months ago)
• Topics: formik, react, react-formik, react-forms, reactjs
• Language: JavaScript
• Homepage:
• Size: 2.18 MB
• Stars: 2
• Watchers: 2
• Forks: 1
• Open Issues: 22
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# 📝 React Formik

## Description

In this project I want to show you how we could use the library **Formik** to handle our forms without tears. 

In my opinion **Formik** is the best library to work with forms in **ReactJS** thanks to its ease of use and its large number of options and configurations.

Besides, Formik has a seamlessly integration with **Yup**, a librar that allows us to validate our inputs defining in an object the requirements.

## You will learn

Integrating **Formik** in a React project using the provided high order component `withFormik` or the component `Formik`. 

Validanting a form using **Yup** for defining a validation schema. .

## Run the project

Use `yarn start` to run the app in the development mode and open http://localhost:3000 to view it in the browser.

## To read more

- [Formik documentation](https://formik.org/)

- [Yup documentation](https://github.com/jquense/yup)

- [Managing forms in React with Formik](https://medium.com/javascript-in-plain-english/react-managing-forms-with-formik-c90a2ea75f4b)