Teaful是一个强大易用且非常轻量的React状态管理工具。
主要特性轻量：在React和Preact中实现状态管理只需要不到1kb的包体积易用：不需要actios、reducers、selectors、coect、providers等概念，一切都可以用简单且舒适的方式来实现强大：当store中的属性更新时，只有消费了这一属性的组件会重新渲染，消费了store中其他属性的组件不会重新渲染使用方式也非常有意思：import createStore from "teaful";cost { useStore } = createStore({ userame: "Aral", cout: 0, age: 31, cart: { price: 0, items: [], },});fuctio Example() { cost [userame, setUserame] = useStore.userame(); cost [cartPrice, setCartPrice] = useStore.cart.price(); retur ( <> <butto oClick={() => setUserame("AotherUserName")}> Update {userame} </butto> <butto oClick={() => setCartPrice((v) => v + 1)}> Icremet price: {cartPrice}€ </butto> </> );}
点击空白处退出提示
评论