Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

2021/03/07 - 组件设计原则 #69

Open
lxinr opened this issue Mar 8, 2021 · 0 comments
Open

2021/03/07 - 组件设计原则 #69

lxinr opened this issue Mar 8, 2021 · 0 comments

Comments

@lxinr
Copy link
Owner

lxinr commented Mar 8, 2021

1. 标准性

任何一个组件都应该遵守一套标准,可以使得不同区域的开发人员据此标准开发出一套标准统一的组件

2. 独立性

描述了组件的细粒度,遵循单一职责原则,保持组件的纯粹性
属性配置等API对外开放,组件内部状态对外封闭,尽可能的少与业务耦合

3. 复用与易用

UI差异,消化在组件内部
输入输出友好,易用

4. 扁平化参数

除了数据,避免接收复杂的对象,尽量只接收原始类型的值

5. 良好的接口设计
  • 在组件内将可以完成的工作做到极致,不应该开放太多的接口
  • 如果常量变为 props 能应对更多的场景,那么就可以作为 props,原有的常量可作为默认值
  • 如果针对某一类需求添加大量的特定的代码,则可以考虑通过扩展等方式实现一个新的组件
  • 保证组件内的属性和事件足够满足绝大部分场景
6. 避免出现环形依赖的情况

即组件间耦合度高,多个组件相互影响的情况
目标:沿着逆向的依赖关系即可寻找到所有受影响的组件

6. API尽量和已知概念保持一致

不要自行去创造一些api名称

参考:

聊聊组件设计

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant