react项目组件如何复用？

Question

react 组件很好复用，export import 就可以了，但是组件关联的 redux 相关的 action、reducer、saga 如何复用呢？比如 A 项目有个修改密码的组件UpdatePassword+相关的redux(action+reducer+saga)，那我要应用到B 项目我又把 A 的 UpdatePassword+相关的redux(action+reducer+saga)再复制过来？？？是不是太麻烦了，有没有更好的解决方案？

Answer 1

你这是典型的‘分形’需求。目前而言要提高组件复用程度，最好分离业务逻辑和视图。

有兴趣可以看这系列文章, 详细介绍React组件设计相关的实践
React组件设计实践总结02 - 组件的组织
React组件设计实践总结04 - 组件的思维
React组件设计实践总结05 - 状态管理

Answer 2

在我实际开发体验中，redux 相关的其实复用性很低，之前我也觉得这里面是不是复用会更好，但后面发现，除非 A 项目和 B项目之间非常想象，否则 A 项目与 B 项目之间，大多数的 redux 相关逻辑都无法复用，能复用的屈指可数（比如登录和修改密码之类的业务逻辑）。

事实上，除非这一些功能的复用频率很高，或者修改频率很高，否则，复用其实是吃力不讨好的。