DEV Community
·
React：干净代码 - 1
💡
原文英文，约900词，阅读约需4分钟。
📝
内容提要
React组件命名规范包括：使用PascalCase命名组件和文件，camelCase命名属性；每个组件应单独文件并包含样式文件；使用propsWithChildren传递子组件，避免使用索引作为key；使用对象简化函数参数，保持导入顺序一致；推荐使用函数组件，分离API逻辑，定义属性类型，避免prop-drilling，并使用React.memo优化性能。
🎯
关键要点
- 使用PascalCase命名React组件和文件，camelCase命名属性。
- 每个组件应单独文件并包含样式文件，文件名使用组件名。
- 使用propsWithChildren传递子组件，避免使用索引作为key。
- 使用对象简化函数参数，保持导入顺序一致。
- 推荐使用函数组件，分离API逻辑，定义属性类型。
- 避免prop-drilling，使用Redux或Context API。
- 使用React.memo优化性能，避免不必要的重新渲染。
- 使用模板字面量代替字符串拼接，确保代码整洁。
- 使用Proptypes定义属性类型，设置默认值。
- 将全局常量移至单独的常量文件，组件特定常量放在组件文件夹内。
➡️
