react 代码规范
布尔变量或返回布尔值的函数应该以“is”,“has”或“should”开头。
1
2
3
4// Dirty
const done = current >= goal
// Clean
const isComplete = current >= goal函数命名应该体现做了什么,而不是是怎样做的。换言之,不要在命名中体现出实现细节。假如有天出现变化,就不需要因此而重构引用该函数的代码。比如,今天可能会从 REST API 加载配置,但是可能明天就会将其直接写入到 JavaScript 中。
1
2
3
4
5
6
7
8// Dirty
const loadConfigFromServer = () => {
...
}
// Clean
const loadConfig = () => {
...
}构建 React 应用程序时,应该遵循以下最佳实践:
- 使用小函数,每个函数具备单一功能,即所谓的单一职责原则(Single responsibility principle)。确保每个函数都能完成一项工作,并做得很好。这样就能将复杂的组件分解成许多较小的组件。同时,将具备更好的可测试性。
- 小心抽象泄露(leaky abstractions)。换言之,不要强迫消费方去了解内部代码实现细节。
- 使用 defaultProps
- 使用无状态组件