Former is an interactive and flexible collection of React form components and hooks, designed to make form handling in React applications effortless and efficient. With its easy-to-use API and extendable structure, Former simplifies the process of creating, validating, and managing forms in modern web applications.

• Easy Integration: Seamlessly integrates with your React projects.
• Customizable Components: Offers a range of customizable form components.
• Hooks for Form Management: Utilizes custom hooks for managing form state and behavior.
• Validation Support: Includes built-in mechanisms for form validation.
• Extensible and Maintainable: Designed to be easily extendable and maintainable.

npm install react-former

or

yarn add react-former

Here is a simple example of how to use the Former component:

import React from 'react';
import { Former, Field } from 'react-former';

const MyForm = () => {
const handleSubmit = (formData) => {
console.log(formData);
};

return (
<Former onSubmit={handleSubmit}>
<Field name="username" type="text" placeholder="Username" />
<Field name="password" type="password" placeholder="Password" />
<button type="submit">Submit</button>
</Former>
);
};

export default MyForm;

Props:

• onSubmit: Function - Callback function on form submission.
• initialData: Object - Initial data for form fields.
• ...other props...

Props:

• name: String - Name of the field.
• type: String - Type of the field (text, password, email, etc.).
• ...other props...

Contributions are always welcome! Please read the contributing guide to learn how you can help.

Distributed under the MIT License. See LICENSE for more information.