线框、HTML到SPA React/Angular的Web工作流的最佳方式

我是前端web开发的新手。我与一位设计师合作，他制作的模型没有html线框，最终产品是一个React/Angular单页应用程序

我在考虑这个工作流程。 我得到模型线框 2在HTML/CSS中重新创建它，并与设计师合作进行快速更改。 3完成后，获取HTML并将其转换为React/Angular单页应用程序

---

谢谢。

嗨，米奇，欢迎来到网络开发

所以我不能确切地说我会推荐这种工作流，只是因为您不想编写和重写代码并将其变成组件

我们每天都与设计师密切合作。如果你的设计师正在使用他喜欢的草图，他可以创建线框和原型。我们的工作流程与您的建议类似，我们的工作如下：

我们需要设计和构建一个功能请求 他创建了一个模型/线框 然后他把它做成一个原型 从那里，我将原型转换为我们使用的工作代码 当我认为我已经重新创建了他的原型时，我请他看一下，然后我们从那里开始讨论。 对我来说，修复一些CSS或更改一些HTML是很容易的，只要保持所有内容都有条理，并有良好的评论，这样你就可以在将来随着应用程序的增长轻松地更改内容

我建议的另一件事是，您应该创建自己的线框形式，以便可以看到组件将如何放置以及如何相互交互

我希望这能帮助你和你的设计师想出一个你们都喜欢的工作流程