My React Hooks

A collection of custom React hooks for fetching data from APIs.

Installation

To install the package, run the following command:

npm install @rohitnirban/apihooks

Hooks

useGetApi

A custom hook for making GET requests to an API endpoint.

Usage

import useGetApi from '@rohitnirban/apihooks';

const { isLoading, error, data } = useGetApi('/api/endpoint');

usePostApi

A custom hook for making POST requests to an API endpoint.

Usage

import usePostApi from '@rohitnirban/apihooks';

const { isLoading, error, data, setData } = usePostApi('/api/endpoint');

Examples

Using useGetApi

const { isLoading, error, data } = useGetApi('/api/get');

if (isLoading) {
  return <p>Loading...</p>;
}

if (error) {
  return <p>Error: {error}</p>;
}

return <p>Data: {data}</p>;

Using usePostApi

const { isLoading, error, data, setData } = usePostApi('/api/post');

const handleSubmit = (formData) => {
  setData(formData);
};

if (isLoading) {
  return <p>Loading...</p>;
}

if (error) {
  return <p>Error: {error}</p>;
}

return (
  <form onSubmit={handleSubmit}>
    {/* Form fields */}
  </form>
);

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

License

This project is licensed under the MIT License - see the LICENSE file for details.