useAbuse

new hook that act like the original setState but built for functional components

npm

https://www.npmjs.com/package/use-abuse

install:

npm i 'use-abuse'

import:

import {useAbuse} from 'use-abuse'

usage:

const [state, setState] = useAbuse({ name: "larry" , visible: true, counter: 1 })

setState({ visible: false })
setState(prev => ({ counter: prev.counter + 1 }))//based on previous value
setState({ name: "beans", counter: 12 , visible: true})//multiple 

example component:

import React from 'react';
import { useAbuse } from 'use-abuse'

const Counter = () => {
    const [state, setState] = useAbuse({ counter: 0 })
    return (
        <button style={{ background: "black", width: "100%", color: "white", fontSize: 20, textAlign: "center", padding: 20 }}
            onClick={() => setState(prev => ({ counter: prev.counter + 1 }))}>
            {state.counter}
        </button>
    );
}

export default Counter;

license:

this is released into the public domain, you can do whatever you want with this

my brother and i wrote this, if you like it and think it's worth it, you can buy us a beer