React 项目中,我常用的状态管理
个人项目总结,以及个人开源作品展示
方案名称 | 核心技术 | 描述 | 优点 | 缺点 | 推荐指数 |
---|---|---|---|---|---|
state | React useState | 项目功能里的单个状态管理,不涉及跨组件的场景 | 使用简单,官方的方案 | 只适合组件内的简单状态管理 | ⭐️⭐️⭐️⭐ |
hooks | React Hooks | 项目里的常用功能 | 使用简单,官方的方案 | - | ⭐️⭐️⭐️⭐️⭐️ |
activeState | @jswork/next-active-state | 自己原创: 复杂组件的多个状态管理方案 | 使用极为简单 | 使用 proxy 实现,兼容性/bug 不容忽视 | ⭐️⭐️⭐️⭐ |
nx.redux | @jswork/next-react-redux | 自己原创: nx.$memory/nx.$session 等 | 上手极为简单,功能强大 | 使用不当,容易产生性能问题 | ⭐️⭐️⭐️ |
mobx | mobx@5 | nx.$root-part1/part2/part3 使用方便 | 容易上手,文档齐全,性能好; 函数式/类组件均友好支持; 无明显缺点 | ⭐️⭐️⭐️⭐️⭐️ |