V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
yzhen123
V2EX  ›  分享创造

nstate: 一个轻量级+低心智负担的 React 状态管理库

  •  
  •   yzhen123 · 2021-10-18 14:41:48 +08:00 · 1782 次点击
    这是一个创建于 1132 天前的主题,其中的信息可能已经有所发展或是发生改变。

    特性:

    1. 极简 API + 良好的 TS 支持
    2. 内置 immer 简化深层状态更新
    3. 自动绑定 action 方法
    4. 支持多 store 相互组合复用
    5. 支持监听状态变化

    Counter demo:

    repo: https://github.com/zaaack/nstate

    6 条回复    2021-10-19 11:16:37 +08:00
    PainAndLove
        1
    PainAndLove  
       2021-10-18 15:07:44 +08:00
    有类似 vue 的 computed 值吗?
    yzhen123
        2
    yzhen123  
    OP
       2021-10-18 16:13:57 +08:00
    @PainAndLove 没有,但是有 .useState 可以实现类似功能
    cyberpoint
        3
    cyberpoint  
       2021-10-18 23:51:23 +08:00
    redux-toolkit 挺好用的
    PainAndLove
        4
    PainAndLove  
       2021-10-19 00:13:07 +08:00
    @yzhen123 还是不太方便。 如果在多个组件里用,每个组件里都得重复写。
    yzhen123
        5
    yzhen123  
    OP
       2021-10-19 11:15:32 +08:00
    @PainAndLove 可以封装成 Store 上的方法,

    ```ts
    class Store extends NState {
    useCount() {

    }
    }
    ```
    yzhen123
        6
    yzhen123  
    OP
       2021-10-19 11:16:37 +08:00
    @PainAndLove 可以封装成 Store 上的方法,

    ```ts
    class Store extends NState {
    useCount() {
    return this.useState(s => s.count + 1)
    }
    }
    ```
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2660 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 11:13 · PVG 19:13 · LAX 03:13 · JFK 06:13
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.