React 状态管理

React 状态管理的历史

参考：2022 年，我们再来谈谈 React 状态管理

class 时代：

主要是 Redux 与 MobX。

hook 时代：

百花齐放，没有出现有统治地位的库。

// zustand 🇩🇪 - Redux 理念，旧时代精神，中心化逻辑

const useStore = create((set) => ({
  bears: 0,
  removeBears: () => set({ bears: 0 }),
}));
const bears = useStore((state) => state.bears);

// jotai 🇯🇵 - primitive 理念，用法略啰嗦，但符合 Hooks 精神

const countAtom = atom(0);
const [count, setCount] = useAtom(countAtom);

// valtio 🇫🇮 - proxy 理念，"不太 React"，但用起来简单

const state = proxy({ count: 0, text: 'hello' });
const snap = useSnapshot(state);