摘要：
前面两篇关于 React Flow 的文章已经介绍了如何绘制流程图 而实际项目中，流程图上的每一个节点，甚至每一条连线都需要维护一份独立的业务数据 这篇文章将介绍通过 React.context 来管理流程图数据的实际应用 项目结构： . ├── Graph │ └── index.jsx ├── 阅读全文
摘要：
上一篇 《React Flow 实战》介绍了自定义节点等基本操作，接下来就该撸一个真正的流程图了 一、ReactFlowProvider React Flow 提供了两个 Hooks 来处理画布数据： import { useStoreState, useStoreActions } from 'r 阅读全文
摘要：
需求千千万，流程图常在 没想到多年以后，我再次遇到一个关于流程图开发的需求 以前少不更事，头铁用 GG-Editor 搞了一次流程图《在 React 项目中引入 GG-Editor 编辑可视化流程》，差点把自己给埋了 这次再遇到类似的需求，在各路大神的指点下，我选择了 React Flow 来进行开 阅读全文
摘要：
做报表的时候偶尔会遇到这种需求： 为了补齐长度，在一个数字字符串前面添加 N 个 0 占位 举个例子： 单元格需要展示 6 位数字，如 '123456' 但后端返回的数字是 123，这时候就要在前面补 0，得到 '000123'，使其长度为 6 那就需要实现一个方法，基于 number 类型的参数 阅读全文
摘要：
对于前端团队来说，公共组件库是必须的，紧接着就是完善组件库的文档 社区里关于快速生成文档的工具有很多，如 StoryBook、Docz、Gatsby 在调研了几种文档工具之后，最终我选择了 umi 家族的另一个成员：dumi 因为它集成了 docz，以及打包工具 father-build，同时支持创 阅读全文
摘要：
一、功能设计 每个前端小组都会有自己的独特的业务场景，从这些业务场景从提取公共部分，并打造一个前端项目模版，是非常有必要的 为了能够基于这个项目模版快速创建一个新项目，就需要脚手架工具登场 所以这里至少有两个项目仓库：前端模版项目、脚手架工具 而对于脚手架工具，它应当具备这样的功能：输入一个命令和项 阅读全文
摘要：
fetch 在目前已经是很成熟的请求资源的方法，但为了方便在项目中调用，一般都会进行二次封装 一、定义错误类型 对于封装公共组件或方法，一定要多想，七分设计，三分开发 而对于一个网络请求来说，除了处理请求体、响应体之外，还有一个常常被忽略的环节，那就是定义 Error 项目中关于网络请求的错误有很多 阅读全文
摘要：
问题描述： 有如下结构的一维数组： const list = [ {grade: '小学', city: '北京', count: 18}, {grade: '小学', city: '上海', count: 12}, {grade: '小学', city: '杭州', count: 19}, {gr 阅读全文
摘要：
问题描述： 处理数字，从各位开始，每三位添加一个逗号 function formatNum() { // ... } formatNum(123) // "123" formatNum(123.456) // "123.456" formatNum(1234.56) // "1,234.56" fo 阅读全文
摘要：
公司的新项目用到了 Umi，之前用过 Umi 1.x 版本，而现在已经来到了 3.x 时代 相对低版本来说，Umi 3.x 的整体的设计没有什么大变化，但在细节上还是有着不小的改变 比如 model，除了兼容以前的 connect 写法之外，还可以使用 hooks，这篇文章主要是对 hooks 写法 阅读全文