useBoolean Hook

useBoolean is a custom React hook that helps manage boolean state with built-in actions to toggle or set the value directly. It simplifies the state management when working with boolean values and provides a clean and flexible API for handling state updates.

Installation

To install the useBoolean hook, you can use npm or yarn:

1npm install @d3vtool/use-boolean
2or
3yarn add @d3vtool/use-boolean

Usage

Importing the hook and using

1import React from 'react';
2import useBoolean from "@d3vtool/use-boolean";
3
4const ToggleComponent: React.FC = () => {
5    const [state, actions] = useBoolean(false);
6
7    return (
8        <div>
9            <p>The current state is: {state ? "True" : "False"}</p>
10            <button onClick={actions.toggle}>Toggle State</button>
11            <button onClick={() => actions.set(true)}>Set to True</button>
12            <button onClick={() => actions.set(false)}>Set to False</button>
13        </div>
14    );
15};
16
17export default ToggleComponent;