我应该使用带有three.js或vanilla-js的UI框架来创建动态UI吗？

Question

我正在尝试用three.js开发一个3D编辑器。我知道javascript和three.js，但是我对web-dev不是很熟悉，也从来没有尝试过UI框架。虽然mrdoob的编辑器对UI元素使用普通的javascript，但我不确定哪种方法对我更有利？使用像react.js或vue.js这样的框架；或者为UI元素使用普通的javascript。

项目所有者计划拥有动态和复杂的UI元素，如教程向导，控制台或字段，将与来自服务器的数据动态变化。

那么，考虑到它将是一个three.js项目，使用纯js或框架的优点和缺点是什么呢？

我应该使用像react-three或vue-threejs这样的库，还是为了稳定而从将three.js场景集成到框架开始？

Answer 1

首先，您需要了解这些框架想要为您做什么

当状态改变时，

• React，Vue，Angular正在抽象DOM操作。而且它们已经足够成熟，可以在production
• react-three，中采用vue-threejs在状态改变时将Canvas/SVG/WebGL操作抽象出来。

从理论上讲，可以在没有任何框架的情况下构建每个产品。但是使用它们将节省大量的时间，并为可维护性带来巨大的好处。但你首先需要努力去学习它。

所以我的答案是

Small/POC项目-如果你不熟悉这些框架，可以直接使用普通的javascript、jQuery来操作DOM和canvas。，但强烈建议您在将来学习和使用这些框架。它会疯狂地提高你的开发速度

大型/长期项目-使用React/Vue/Angular。利用采用react-three/vue-threejs的风险

Answer 2

UI框架很棒，它们为你做了很多艰苦的工作。就我个人而言，我真的很喜欢VueJS，它非常轻量级，但在创建SPA方面却非常强大。根据您所说的，已经有人创建了一个vue-3插件