@bentoo/state-man NPM

@bentoo/state-man

It is a lightweight package for state management in React applications, designed as a simplified alternative to Zustand and the Context API. It offers an intuitive approach to managing global and local states, allowing you to keep your application organized and easy to maintain.

With an easy-to-use API, @bentoo/state-man is ideal for developers looking for an efficient solution for state management.

Installation

You can install the package via NPM:

npm install @bentoo/state-man

or via Yarn:

yarn add @bentoo/state-man

or via pnpm:

pnpm add @bentoo/state-man

Usage

Here’s a basic example of how to use @bentoo/state-man in your project:

1. create a store

// ./stores/counter.ts
import { create } from '@bentoo/state-man'

export const useStore = create(0)

2. use your store anywhere

// counter.tsx
export const Counter = () => {
  const {state,setState} = useStore()

  const increment = () => setState(state + 1);

  return (
    <button onClick={increment}>
      Count is {state}
    </button>
  );
}

// App.tsx
import Counter from './counter'
import { useStore } from './stores/counter'

function App() {
  const {state} = useStore()

  return (
    <div className="card">
      <h1>Now the counter is: {state}</h1>
      <Counter/>
    </div>
  )
}

export default App