@itokun99/hooks

A collection of custom React hooks to simplify your development process.

Installation

To install this package, run the following command:

npm install @itokun99/hooks

Usage

Here's how to use this package in your project.

Importing Hooks

import { useForm } from "@itokun99/hooks";

Example Hook Usage: useForm

Below is an example of how to use the useForm hook included in this package.

import React from "react";
import { useForm } from "@itokun99/hooks";

function ExampleForm() {
  const { values, handleChange, handleSubmit } = useForm({
    initialValues: { username: "", email: "" },
    onSubmit: (formValues) => {
      console.log("Form submitted with values:", formValues);
    },
  });

  return (
    <form onSubmit={handleSubmit}>
      <div>
        <label>Username:</label>
        <input
          type="text"
          name="username"
          value={values.username}
          onChange={handleChange}
        />
      </div>
      <div>
        <label>Email:</label>
        <input
          type="email"
          name="email"
          value={values.email}
          onChange={handleChange}
        />
      </div>
      <button type="submit">Submit</button>
    </form>
  );
}

export default ExampleForm;

Available Hooks

useForm

A custom hook for managing form state and handling form submissions.

Parameters:

• initialValues (object): The initial values of the form fields.
• onSubmit (function): The function to call when the form is submitted.

Returns:

• values (object): The current form values.
• handleChange (function): A function to handle input changes.
• handleSubmit (function): A function to handle form submission.

useAnotherHook

A description of what useAnotherHook does.

Returns:

• value (any): Some value.
• setValue (function): A function to update the value.

Contributing

If you would like to contribute to this project, please follow these steps:

1. Fork this repository.
2. Create a new feature branch (git checkout -b new-feature).
3. Commit your changes (git commit -am 'Add new feature').
4. Push to the branch (git push origin new-feature).
5. Create a Pull Request.

License

This package is licensed under the MIT License.

---

For more information, visit the GitHub repository.

Feel free to let me know if there are any additional changes you'd like to make!