我们应该如何在前端使用清洁架构？

Question

只是一个小小的解释：

“我以前是我公司的个人前端开发人员，使用vue-cli提供的默认文件夹结构和编码方式，这对个人开发人员和小型应用程序都有好处，但该项目将扩大规模，成为企业级的应用程序，我需要更多时间开发新功能或更难重用我以前的代码，而且该公司还表示，我们希望聘用新的前端开发人员，这使我在这种情况下感到梦魇。”

因此，我决定做一个改变，以便更好地定义前端项目，所以首先我将项目从js迁移到类型记录，以使用接口和类等.我开发的接口、类和助手使代码比以前更加简洁，我对此感到高兴。

但似乎这还不够，我还告诉自己，目前我知道每件事都住在哪里，如何做事情，我应该去哪里开发新的组件，并添加什么在哪里文件夹等等…但是，如果新开发人员来了，可能会让他/她对此感到困惑，因此我开始阅读关于企业级文件夹-结构(https://github.com/vuejs/awesome-vue#scaffold)的文章，比如chris在vue this (https://github.com/chrisvfritz/vue-enterprise-boilerplate)中介绍的这个文件夹结构：

这个whic也是由vue whic(https://github.com/NarHakobyan/awesome-vue-boilerplate)介绍的：

当我对它们进行研究时，我注意到每个开发人员都有一个新的自创作文件夹结构，最后我在我的项目中使用了这些文件夹结构，它似乎非常好。

但是我仍然认为我做了一种新的文件夹结构和自己编写的编码方式，这不是一个标准的，或者是定义得不够好的解决方案。

于是我开始研究其他领域的其他解决方案和bob叔叔的页面，最后我在bob叔叔的网站上发现了一个叫做“清洁架构”的东西，它显示了一个图表，它告诉我们做代码开发的洋葱模型，

("(https://blog.cleancoder.com/uncle-bob/2012/08/13/the-clean-architecture.html)。

)

它似乎在android世界很受欢迎，我们的公司android开发者似乎对此很满意，他们告诉我，我们可以看到我们的代码，很快就能找到我们应该去什么地方开发新东西，更好地重新使用我们的过眼云烟的代码，并且在开发中几乎没有冲突。

我想知道这种建筑对兄弟会有好处吗？您有任何经验在开发前端使用这些干净的代码吗？真的有用吗？

提前感谢您的指导。

Answer 1

是的，您绝对可以在前端代码上使用它。

干净的架构之美在于它构建了您的代码，从而使其平台无关。它使跨平台重用相同的代码变得非常容易。网络、移动、桌面等。

前端和后端的整个概念实际上与应用程序的业务逻辑无关，因此应该将其排除在业务逻辑之外。如果我是你，我会选一份干净建筑的副本。鲍勃在这个简短的回答中解释得比我好得多。