引言 这几天帮朋友忙，用了一周时间，高仿了一个钉钉审批流。这个东西会有不少朋友有类似需求，就分享出来，希望能有所帮助。为了方便朋友的使用，设计制作的时候，尽量做到节点配置可定制，减少集成成本。如果您的项目有审批流需求，这个项目可以直接拿过去使用。React初学者也可以把本项目当做研读案例，学习并快速上手React项目。通过研读项目代码，您可以学到如何设计一个react项目架构，辅助理解react设计哲学，学习css-in-js在项目中的使用，并理解其优势。理解Redux这种immutable的状态管理好处等。本文章只包含审批流设计部分，不包含表单的设计，表单的设计请参考作者另一个可视化前端项目...

RxEditor是一款开源企业级可视化低代码前端，目标是可以编辑所有HTML基础的组件。比如支持React、VUE、小程序等，目前仅实现了React版。 RxEditor运行快照： 项目地址：https://github.com/rxdrag/rxeditor 演示地址（Vercel部署，需要科学的方法才能访问）：https://rxeditor.vercel.app/ 本文介绍RxEditor设计实现方法，尽可能包括技术选型、软件架构、具体实现中碰到的各种小坑、预览渲染、物料热加载、前端逻辑编排等内容。 注：为了方便理解，文中引用的代码滤除了细节，是实际实现代码的简化版 设计原则 尽量减少...

前一段时间写过一篇文章《实战，一个高扩展、可视化低代码前端，详实、完整》，得到了很多朋友的关注。其中的逻辑编排部分过于简略，不少朋友希望能写一些关于逻辑编排的内容，本文就详细讲述一下逻辑编排的实现原理。逻辑编排的目的，是用最少甚至不用代码来实现软件的业务逻辑，包括前端业务逻辑跟后端业务逻辑。本文前端代码基于typescript、react技术栈，后端基于golang。涵盖内容：数据流驱动的逻辑编排原理，业务编排编辑器的实现，页面控件联动，前端业务逻辑与UI层的分离，子编排的复用、自定义循环等嵌入式子编排的处理、事务处理等运行快照：前端项目地址：https://github.com/codebd...