The rapid-form
npm package is a tool designed to simplify the creation and management of forms in web applications. It provides a streamlined way to handle form state, validation, and submission, making it easier for developers to implement complex forms without having to write repetitive boilerplate code.
# NPM
npm install rapid-form
# YARN
yarn add rapid-form
#PNPM
pnpm add rapid-form
import { useRapidForm } from 'rapid-form'
function App() {
const { refValidation, errors } = useRapidForm()
const handleSubmit = () => {
// check errors
}
return (
<form
id="rapidForm"
ref={(ref) => {
refValidation(ref)
}}
autoComplete="off"
onSubmit={handleSubmit}
>
<input name="username" placeholder="Username" required />
{errors.username?.message}
// OR
{errors.username && yourI18Label[errors.username.code]}
<label>Email:</label>
<input name="email" type="email" required />
{errors.email?.message}
<label>Age:</label>
<input name="age" required pattern="\d+" />
{errors.age?.message}
<button type="submit">Submit</button>
</form>
)
}
Any contribution is appreciated. You can get started with the steps below:
-
Fork this repository (learn how to do this here).
-
Clone the forked repository.
-
Make your changes and create a pull request (learn how to do this).
-
I will attend to your pull request and provide some feedback.
Ping me on Twitter
This repository is licensed under the MIT License.
Don't be shy! 😜