Molecule实现数栈至简前端开发新体验

Molecule实现数栈至简前端开发新体验

Keep It Simple, Stupid.

这是开发人耳熟能详的 KISS 原则，也像是一句有调侃意味的善意提醒，提醒每个前端人，简洁易懂的用户体验和删繁就简的搭建逻辑就是前端开发的至简大道。

这也是袋鼠云数栈前端开发团队追求的目标。

数栈是一个专注一站式产品体系，覆盖数据全链路开发流程，全面国产化兼容，核心源码自主可控的云原生一站式大数据开发治理平台。

2021年12月16日，基于数栈多年大数据开发经验的基础沉淀出的轻量级 Web IDE 组件库，Molecule 开源。2022年2月22日，将Molecule 作为其中一个重要 UI 组件搭建出的分布式可视化的 DAG 任务调度系统——Taier，也紧锣密鼓加入了开源社区。

在Taier经过数百家企业客户的生产环境实战检验之后的今天，我们想用今天这篇文章跟大家分享一些在 Taier 的搭建过程中时遇到的Molecule 与antd如何适配的解决经验和它们在 Web IDE 开发中的实战表现。

一、介绍

Taier 是数栈搭建的一个可视化 DAG 任务调度系统，其搭建初衷是为了让大数据开发工程师可以将精力集中在业务逻辑的开发上，而不用被任务错综复杂的依赖关系捆住手脚。这一目标就要靠其中 Web IDE 的部分实现。
而在数栈平台日积月累的迭代中沉淀而来的Molecule ，作为轻量级的 Web IDE UI 框架，能极大地减少搭建编辑器的时间，其具有的扩展（Extension）机制也使它可以轻易地应对各种需求增长。Molecule抽象自数栈产品中离线任务的在线编辑配置功能，同时反哺支撑了各个产品中都存在的在线编写 SQL 代码。Molecule在各方面的不俗表现使我们很快意识到，用Molecule来承担Taier系统中的IDE组件角色几乎是顺理成章。