简洁的 React 状态管理库 - Stamen

MyFaith 发布于2019-08-23 12:13 / 2451人阅读

摘要：说到状态管理，必提的肯定是与，年快过去了，它们依然是最火热的状态管理工具，也有一些基于的，如等，也有新的，如，这里不对各个解决方案作评价。

说到 React 状态管理，必提的肯定是 Redux 与 MobX，2018 年快过去了，它们依然是最火热的状态管理工具，也有一些基于 Redux 的，如 dva、rematch 等，也有新的，如 mobx-state-tree，这里不对各个解决方案作评价。

但还是想吐槽:

什么 provider, connections, actions, reducers, effects, dispatch, put, call, payload, @observable, @computed, @observer, @inject...

一堆模板代码、各种概念、什么哲学原则... 还有各种多如牛毛的 Api。

我只是想早点码完页面下班，早点下班健身、陪妹子...

所以，我想要这样的一个状态管理库：

轻量个人做移动端开发比较多

简洁没模板代码, 尽量少的 Api

符合直觉 没复杂的概念，给个 action 改 state 就好

清晰更易写出可维护和可读性好的代码

高效更高的开发效率，这很重要

Typescript state 和 action 高度支持智能提示

我是个实用主义者，开发效率、代码可维护性和可读性、开发体验大于各种什么范式、各种理论，也不需要装纯，重要的是可以快速处理业务，产生价值，早点下班打王者。

有一天，我看到了 mobx 作者的 immer, 我感觉使用 immer, 可以实现一个我理想中的状态管理工具，所以就造了一个轮子，叫 stamen, 他有什么特点呢，Show you the code: stamen。

如果有什么核心特点的话，那应该是 "简洁"，这里指的是使用者写代码时简洁，可以专注于业务，而不是自身源代码简洁，把问题留给使用者。

CodeSandbox上的例子: Basic | Async

用法比较简单:

import React from "react";
import { render } from "react-dom";
import { createStore } from "stamen";

const { consume, mutate } = createStore({ count: 1 });

const App = () => (
  
    {consume(state => state.count)}
    
    
  
);

render(, document.getElementById("root"));

只有 state 和 action ，没有其它概念，只有一个 api:

const { consume, mutate } = createStore({ count: 1 });

Stamen 代码实现只有40行，对于大部分项目来说，这40行代码所包含的功能已然足够。

更多用法可以看：

Github: https://github.com/forsigner/...
文档: http://forsigner.com/stamen-z...

专线服务私有云 react cdn库简洁的javascript Stamen 最简洁的编程语言

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/98128.html

可能是基于 Hooks 和 Typescript 最好的状态管理工具

摘要：接上一篇我理想中的状态管理工具之前说，对于我个人来而言，理想的状态管理工具只需同时满足两个特点简单易用，并且适合中大型项目完美地支持未能找到一个完美满足这两点的，所以我决定自己造了一个叫。把分为和两类是很好的实践。接上一篇：我理想中的状态管理工具之前说，对于我个人来而言，理想的状态管理工具只需同时满足两个特点：简单易用，并且适合中大型项目完美地支持 Typescript 未...

derek_334892 2019-08-23 13:10 评论0 收藏0
前端进阶资源整理

摘要：前端进阶进阶构建项目一配置最佳实践状态管理之痛点分析与改良开发中所谓状态浅析从时间旅行的乌托邦，看状态管理的设计误区使用更好地处理数据爱彼迎房源详情页中的性能优化从零开始，在中构建时间旅行式调试用轻松管理复杂状态如何把业务逻辑这个故事讲好和前端进阶 webpack webpack进阶构建项目(一) Webpack 4 配置最佳实践 react Redux状态管理之痛点、分析与...

BlackMass 2019-08-23 12:36 评论0 收藏0
我理想中的状态管理工具

摘要：现已存在许多成熟的状态管理解决方案，还有基于的但对于我个人来说，理想的状态管理工具只需同时满足两个特点简单易用，并且适合中大型项目完美地支持要做到这两点其实并不简单。所以我决定自己造一个可能是基于和最好的状态管理工具现已存在许多成熟的状态管理解决方案：Redux、Mobx、Mobx-state-tree，还有基于 Redux 的 Dva.js、Rematch... 但对于我个人来说，...

roadtogeek 2019-08-23 13:10 评论0 收藏0
React.js 最佳实践（2016）_链接修正版

摘要：译者按最近依旧如火如荼相信大家都跃跃欲试我们团队也开始在领域有所尝试年应该是逐渐走向成熟的一年让我们一起来看看国外的开发者们都总结了哪些最佳实践年在全世界都有很多关于新的更新和开发者大会的讨论关于去年的重要事件请参考那么年最有趣的问题来了我译者按：最近React(web/native)依旧如火如荼,相信大家都跃跃欲试,我们团队也开始在React领域有所尝试. 2016年应该是Reac...

syoya 2019-08-19 17:57 评论0 收藏0
React 异步数据管理思考

摘要：异步数据管理一直是前端的一个重点和难点，可以这么说，的应用会有异步数请求据并在中消费，并且在相当多的应用中，处理异步数据是它的核心业务逻辑。总结个人认为，异步数据不应该使用状态管理来维护，应该放在组件内。异步数据管理一直是前端的一个重点和难点，可以这么说，80%的 web 应用会有异步数请求据并在 UI 中消费，并且在相当多的 web 应用中，处理异步数据是它的核心业务逻辑。在 R...

BearyChat 2019-08-23 17:17 评论0 收藏0