Please enable JavaScript.
Coggle requires JavaScript to display documents.
组件的设计 - Coggle Diagram
组件的设计
组件设计风格
组件间遵循无环依赖原则，就是子组件不应该也不能够去影响父组件的状态
稳定抽象原则
组件的抽象程度与其稳定程度成正比，一个稳定的组件应该是抽象的（逻辑无关的），一个不稳定的组件应该是具体的（逻辑相关的）为降低组件之间的耦合度，我们要针对抽象组件编程，而不是针对业务实现编程
扁平化参数
尽可能的使用原始数据类型，不用对象，除了数据源
组件设计应该不超过三层，不要过度嵌套
几个方向
容器组件， 页面结构模块化，我们通常会根据结构将页面进行划分，但是这并不能将代码复用，所以我们对于重复的页面模板进行抽离，可以用插槽的方式对其进行抽离，react可以使用props render的方法
通用性，放弃对Dom的掌控
组件库与组件应该如何去选择与设计?
大而全？
小而美？
合适
组件应该如何去划分？
核心组件库
基础且必要的基本元素，更新往往较慢，不容易更新太快，往往用于重复率较高的组件，比如非常基础的button组件
业务组件库
适用于业务的组件，重复场景有限，对于需求来说，会快速迭代，这样的代码更易于迭代。不用考虑其他因素。
组件库的风格
精而全
比如说七色笔，色彩很多但是会有冗余，所以对于我们来说狠划不来。