查看原文
其他

【图书】低代码平台开发实践:基于React

秦小倩 前端早读课 2024-03-28

近些年,国内的大厂如腾讯和阿里巴巴等都推出了自己的低代码产品,规模小一些的互联网企业也在开发低代码平台以求提高 App 的开发效率。Web 技术发展到目前这个阶段,程序员开发一个能用的低代码平台已经不是难事,但开发一个好用的低代码平台却相当困难。在这里,我希望把自己关于低代码平台的思考和经验分享出来,给想要了解低代码平台或者正在设计低代码平台的读者提供一些思路和参考。

3 年前我开发的低代码平台虽然能创建出 App,但存在如下 5 个问题:

  • 创建的 App 不能独立于低代码平台运行。

  • 低代码 App 的 JSON Schema 不能独立于低代码平台存在。

  • 低代码 App 没有区分编辑态和运行态,只引入了一个只读状态去判断页面上的组件能否拖曳、删除或编辑属性。

  • 当处于编辑态时,低代码 App 没有纯净的运行环境。

  • 不存在组件市场,低代码设计器能使用的组件全部写在项目内。

《低代码平台开发实践:基于 React》介绍的低代码平台解决了上述 5 个问题。读者通过本书将了解到下面 4 个方面的内容:

  • JSON Schema 保存到 Git 仓库中,它不影响线上运行的低代码 App,只用于低代码 App 各版本的预览和重新编辑。

  • 线上运行的低代码 App 与 JSON Schema 脱钩,即便低代码平台停止服务,线上的低代码 App 也能正常运行。

  • 低代码 App 在编辑态时,设计器和渲染器位于不同的 Frame,此时低代码 App 有纯净的运行环境,这涉及跨 Frame 拖曳组件。

  • 开发脚手架,并将其用于开发、调试和上传低代码组件,这使得设计器能使用丰富的组件去开发低代码 App,同时让低代码组件和低代码平台解耦。

作者

@秦小倩:资深前端工程师,精通 TypeScript、JavaScript,以及 React 和 Vue 等框架。曾就职于多家知名互联网公司,均从事前端开发相关工作,拥有丰富的现代 Web 应用开发经验。2019 年开始专注于低代码平台的研究和开发,曾在公司内部落地一个完整的低代码平台,用户通过该平台在 1 个季度内创建了 200 余个页面。

读者对象

  • 有 React、Node.js 和数据库基础,想开发低代码平台的读者;

  • 想全面了解低代码平台组成及原理的读者;

  • 对开发低代码平台感兴趣的读者。

如何阅读本书

本书分为 4 篇。

  • 基础篇(第 1 章)介绍学习本书必备的理论知识,涉及的知识点有 React Ref API、React Hooks、React Context API、MobX 和 MongoDB 等。要想在本地运行本书介绍的低代码平台,需要在自己的计算机上安装 MongoDB。

  • 需求分析篇(第 2 章和第 3 章)介绍业务场景的需求和开发低代码平台的需求。

  • 实战篇(第 4~8 章)是本书的重点部分,介绍如何开发低代码平台,提供了大量的代码示例,涉及的内容有低代码架构策略、低代码组件、设计器、渲染器和代码生成器等。

  • 基础设施篇(第 9 章)重点介绍如何使用 GitLab CI/CD 构建持续部署的 Pipeline、如何搭建 npm 私有库、如何搭建 LDAP 账号管理系统等。

对这《低代码平台开发实践:基于 React》有兴趣的读者,可以通过下方解详情。

继续滑动看下一个
向上滑动看下一个

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存