克隆一个应用程序，该应用程序生成带有工具栏、预定义组件和画板的代码
克隆一个应用程序，该应用程序生成带有工具栏、预定义组件和画板的代码
提问于 2021-02-25 16:05:58
我需要克隆一个网站，即builderx.io，这类有一个图形/草图一样的工作结构，有功能的工具栏，如样式，边界，效果，布局。它还具有预定义的组件集合可供选择，如按钮、网格、图标等。有一个画板，我们可以在其中拖放和调整/调整大小/移动/复制任何我们选择的元素、样式和组件。与设计功能并行，它还具有代码功能，画板中的任何更改都会生成表示画板的react/react-native中的代码。我需要克隆整个应用程序并在flutter中生成代码，就像在react/react-native中所做的那样。技术堆栈将是角度/节点。但我并没有一个起点，在考虑到应用的确切结构和功能的情况下，这样的web应用需要什么样的外部库/工具。
回答 1
Stack Overflow用户
发布于 2021-02-25 16:35:53
免责声明:我参与创建了BuilderX。
在非常高的级别上，您将需要构建
- 用于存储图层的树状数据结构
- 用于将树转换为可视元素的渲染器
- 将树转换为代码
的代码生成器
然后我们在渲染器和代码生成器中添加交互。
渲染器上的
- 交互将是对数据树进行更改并重新生成代码的鼠标和键盘事件。
在代码上进行
- 交互将要求您获取AST，对其进行更改，并对树进行更改，然后重新呈现设计。
我在React Europe上深入地谈到了这种方法。视频是up here格式的。
谢谢!
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/66364593
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号