ThaiDev.org

 Zustand 是一个简单的 React 状态管理库，它采用immer 来实现"immmutable update pattern"，从而提供了性能优化。

首先，您需要安装 Zustand 及其依赖项：

```bash
npm install zustand
```

或者

```bash
yarn add zustand
```

然后，让我们看一个基本示例，创建一个简单的计数器：

```jsx
import create from 'zustand'

// 创建一个 named store
const useCounter = create((set) => ({
  count: 0,
  increment: () => set(( state ) => ({ count: state.count + 1 })),
  decrement: () => set(( state ) => ({ count: state.count - 1 })),
}))

function Counter() {
  const { count, increment, decrement } = useCounter()

  return (
    <div>
      Count: {count}
      ,
      <button onClick={increment}>+</button>
      <button onClick={decrement}>-</button>
    </div>
  )
}

export default Counter
```

在这个例子中，`create` 函数用于创建一个名为 `useCounter` 的 store，其中定义了一个简单的计数器 state, 以及用于更新 count 值的三个 actions: `increment`, `decrement`, 和 `set`。

你可以在你的 React 项目中使用 `useCounter` 钩子来利用计数器，如上述示例中的 Counter组件所示。

更多详细信息，请参考 Zustand 的文档：https://github.com/pmndrs/zustand