@infini-hooks/use-visible v1.1.53

Infinisoft tools is a set of developer's design patterns, scripts, templates and tools to make our lives easier and go faster. Faster, close to the speed of light!

Getting Started

Simple visible/invisible react state hook pattern. I did wrote that code so many times, that I did wrote this one directly in binary! :)

Common use case
Show/Hide components

Install

Run of one these command to install.

npm i @infini-hooks/hook-visible

or

yarn add @infini-hooks/hook-visible

Examples

Toggle a button to show or hide a title.

import {useVisible} from "@infini-hooks/hook-visible"

const MyComponent = () => {
    const {isVisible, toggle} = isVisible();

    return <div>
        <h1 hidden={isVisible}>
        Visible
        </h1>

        <button onClick={toggle}>
            Toggle Visible
        </button>
    </div>
}

More details on www.infinisoft.dev

Paid Contribution

You want to contribute, We PAY for it! We are looking for collaborators to speed our eco system's development.

Powered 🚀 by Infinisoft Inc.

Wanna code the future? Come with us https://www.infinisoft.world