TeafulReact 狀態(tài)管理工具

Teaful 是一個(gè)強(qiáng)大易用且非常輕量的 React 狀態(tài)管理工具。

主要特性

• 輕量：在 React 和 Preact 中實(shí)現(xiàn)狀態(tài)管理只需要不到 1kb 的包體積

• 易用：不需要 actions、reducers、selectors、connect、providers 等概念，一切都可以用簡單且舒適的方式來實(shí)現(xiàn)

• 強(qiáng)大：當(dāng) store 中的屬性更新時(shí)，只有消費(fèi)了這一屬性的組件會(huì)重新渲染，消費(fèi)了 store 中其他屬性的組件不會(huì)重新渲染

使用方式也非常有意思：

import createStore from "teaful";

const { useStore } = createStore({
  username: "Aral",
  count: 0,
  age: 31,
  cart: {
    price: 0,
    items: [],
  },
});

function Example() {
  const [username, setUsername] = useStore.username();
  const [cartPrice, setCartPrice] = useStore.cart.price();

  return (
    <>
      <button onClick={() => setUsername("AnotherUserName")}>
        Update {username}
      </button>
      <button onClick={() => setCartPrice((v) => v + 1)}>
        Increment price: {cartPrice}€
      </button>
    </>
  );
}