无论是业务组件还是基础组件，在写对应模块时都需要注意几个原则：

• 面向失败设计；
• 如果是复杂组件，需要进行拆分，提高可复用性和可维护性；
• 抽取常量和配置；
• 最好使用 TypeScript，增加类型定义
• 对于代码结构和命名来说要进行一些优化。

细节上来说，可能有：

• 将大组件拆分成多个小组件；
• 抽取一些方法、规则到常量文件中；
• 统一命名规范，比如 handle 前缀表示事件处理函数；
• 将 UI 组件封装成独立组件，高内聚、低耦合；
• 优化代码结构，将关联性强的代码放在一起。

一个好的组件，应该符合以下特性：

• 结构清晰；
• 复用性好；
• 易于维护；
• 代码可读性强；