useCounter

A simple abstraction to play with a counter, don't repeat yourself.

API

demo.js

import { useCounter } from 'usehooks-ts'
 
export default function Component() {
  const { count, setCount, increment, decrement, reset } = useCounter(0)
 
  const multiplyBy2 = () => setCount((x: number) => x * 2)
 
  return (
    <>
      <p>Count is {count}</p>
      <button onClick={increment}>Increment</button>
      <button onClick={decrement}>Decrement</button>
      <button onClick={reset}>Reset</button>
      <button onClick={multiplyBy2}>Multiply by 2</button>
    </>
  )
}

Demo

Clipboard Fetch