use-object-store help's object state management no more 5-6 useState no more complex action based reducer 😘

Install

npm install use-object-store

yarn add use-object-store

pnpm add use-object-store

how to use?

import useObjectStore from "use-object-store";

function multipleCounter() {
  /*
    - take object as initial value
    - type will be infer from initial value or add generic
    - return full object and updateStore function
    - updateStore function takes at last one store property and update that
  */
  const [{ one, two }, updateStore] = useObjectStore({ one: 0, two: 0 });

  return (
    <main>
      <button onClick={() => updateStore({ one: one++ })}>{one}</button>
      <button onClick={() => updateStore({ two: two++ })}>{two}</button>
    </main>
  );
}

Author

👤 al-imam

• Github: @al-imam
• LinkedIn: @alimam

🤝 Contributing

Contributions, issues and feature requests are welcome!Feel free to check issues page..

Show your support

Give a ⭐️ if this project helped you!

This README was generated with ❤️ by readme-md-generator