React Former - React Form Library

Description

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.

Features

• 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.

Installation

npm install react-former

or

yarn add react-former

Usage

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;

API Reference

<Former>

Props:

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

<Field>

Props:

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

Contributing

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

License

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