【开源自荐】 Server-Driven UI 框架:用 React 组件构建可视化编辑器

大家好!我开发了一个 Server-Driven UI 库,想和大家分享一下。

其实在 React 中实现 SDUI 本身并不复杂 —— 将页面存储为纯文本,解析 JSX,然后用 createElement 渲染就行了。真正的难点在于编辑。虽然任何人都可以直接编辑文本,但总是容易出错。所以我在此基础上构建了一个可视化编辑器。我特别注重让 Composify 不需要修改你现有的代码。

你只需注册实际生产环境中使用的组件,公司里的任何人就可以通过可视化界面来组合页面。不需要改代码。我们之前的内部版本处理了超过 60% 的流量,而且大部分页面都是由非开发人员创建的。

核心特性

  • 支持 Next.js、React Router 以及任何 React 环境
  • 本质上就是一个 React 组件
  • 数据完全由你掌控(只是 JSX 字符串)
  • 你的设计系统保持不变
  • 让市场/内容团队实现自给自足

使用场景

  • 无需部署即可更新落地页
  • 让产品团队用真实组件快速原型设计
  • 减少工程团队的瓶颈

开源地址

我们在内部使用了几个月,效果很不错。欢迎大家试用并提供反馈!