大家好!我开发了一个 Server-Driven UI 库,想和大家分享一下。
其实在 React 中实现 SDUI 本身并不复杂 —— 将页面存储为纯文本,解析 JSX,然后用 createElement 渲染就行了。真正的难点在于编辑。虽然任何人都可以直接编辑文本,但总是容易出错。所以我在此基础上构建了一个可视化编辑器。我特别注重让 Composify 不需要修改你现有的代码。
你只需注册实际生产环境中使用的组件,公司里的任何人就可以通过可视化界面来组合页面。不需要改代码。我们之前的内部版本处理了超过 60% 的流量,而且大部分页面都是由非开发人员创建的。
核心特性
- 支持 Next.js、React Router 以及任何 React 环境
- 本质上就是一个 React 组件
- 数据完全由你掌控(只是 JSX 字符串)
- 你的设计系统保持不变
- 让市场/内容团队实现自给自足
使用场景
- 无需部署即可更新落地页
- 让产品团队用真实组件快速原型设计
- 减少工程团队的瓶颈
开源地址
我们在内部使用了几个月,效果很不错。欢迎大家试用并提供反馈!