组件设计笔记
date
Sep 21, 2020
slug
component-design
status
Published
tags
Javascript
Reactjs
summary
根据业务代码总结出的组件设计最佳实践
type
Post
如何更快更好的完成组件需要总结与思考。简单总结下：
- 首先按照组件复用度进行划分/组件抽象
- 其次按照共享的数据/数据的传递调整组件的划分
- 共享的数据放入redux/vuex 可将该组件的操作放入redux/vuex，作为一个既有数据又有操作的聪明组件只不过数据与操作都放在了redux/vuex中
- 数据不共享的的组件遵循数据/操作由父到子的流向将父组件当作聪明组件进行数据/事件的操作即可
- 其他组件均为笨蛋组件接收到数据结构相同的数据即可持续复用