在useEffect函数中使用Zustand从API获取状态时，最佳实践是什么？现在我非常简单地使用它：

export interface ModeState{
  modes: Mode[];
  fetchModes: () => void;
}

export const useModeStore = create<ModeState>((set) => ({
  modes: [],
  fetchModes: async () => {
    const modes: AcquisitionMode[] = await API.get(`/acquisition-modes`);
    await set({ modes });
  },
}));

在组件渲染函数中：

const modeStore = useModeStore()
  const modes = modeStore.modes
  
  useEffect(() => {
    modeStore.fetchModes()
  }, [])

然而，文档似乎暗示有多种方法可以编写它以提高性能效率，特别是当我的存储变得更加复杂，包含更多的值和获取函数时。每个API调用一个存储是最佳实践吗？使用切片只获取每个组件中所需的存储部分？我应该在useEffect中以不同的方式使用存储吗？我不能'在网上找不到一个关于如何在useEffect中使用存储的清晰示例。subscribe文档似乎不适用于使用存储通过异步函数获取值的用例。