react-formik-components
react-forms-tutorial
react-formik-components | react-forms-tutorial | |
---|---|---|
1 | 2 | |
0 | 3 | |
- | - | |
0.0 | 0.0 | |
over 2 years ago | about 1 year ago | |
JavaScript | JavaScript | |
- | - |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
react-formik-components
-
react-formik-components
Recently I developed by React and used Formik library to handle forms and inputs. I also used yup library to validate forms. but there was an issue. I should customized inputs based on UI design. and Formik has no custom select, checkbox, and radiobutton and it used default inputs. so I thought packaging 4 components based on Formik will save me in future projects. and also other react developers can use it. so I packaged four components as an npm package and published it. you can install and use it in your projects. Github repo and documents: https://github.com/ehsan-shv/react-formik-components
react-forms-tutorial
-
Awesome Packages for React JS
Documentation - Formik - https://formik.org/docs/overview Yup - https://github.com/jquense/yup Formik with yup combined - https://blog.shahednasser.com/how-to-create-and-validate-forms-in-react-using-formik-and-yup/
-
How to Create and Validate Forms in React using Formik and Yup
You can find the code for this tutorial in this GitHub repository.
What are some alternatives?
resolvers - 📋 Validation resolvers: Yup, Zod, AJV, Joi, Superstruct, Vest, class-validator, io-ts, typanion, Ajv, TypeBox, Valibot and nope.
scroll-to-input-formik-failed-submission - Sample React application to showcase scrolling to an input on Formik failed submission.
react-coding-challenges - A series of ReactJS coding challenges with a variety of difficulties.
Tailwind CSS - A utility-first CSS framework for rapid UI development.
React-Crash-Course - A Crash Course For React JS - Complete Basics and 3 Projects Example including a Big Portfolio Website. See the demo - https://maniruzzamanakash.github.io/React-Crash-Course
100-miles-in-100-days - Interactive grid to track your progress on the Badgerland Striders' 100 miles challenge.
hew-web - Web interface for Hew lights
react-multistep-form - A multi-step form built with React & Formik
react-router - Declarative routing for React
react-icons - svg react icons of popular icon packs
Yup - Dead simple Object schema validation