ReactJS最佳实践

在本章中，我们将列出React的最佳实践，方法和技巧，以帮助我们在应用程序开发过程中保持一致。

• 状态 - 应该尽可能避免状态。 集中状态并将其作为道具传递给组件树是一种很好的做法。每当我们有一组需要相同数据的组件时，我们应该在它们周围设置一个容器元素来保存状态。Flux模式是处理React应用程序状态的好方法。

• PropTypes - 应始终定义PropType。 这将有助于跟踪应用程序中的所有道具，并且对于任何开发同一项目的开发人员也是有用的。

• 渲染 - 应用程序的大部分逻辑都应该在渲染方法中移动。 我们应该尽量减少组件生命周期方法中的逻辑，并在渲染方法中移动该逻辑。我们使用的状态和道具越少，代码越干净。我们应该始终让国家尽可能简单。如果我们需要计算来自状态或道具的东西，我们可以在渲染方法内部完成。

• 组成 - React团队建议使用单一责任原则。 这意味着一个组件应该只负责一个功能。如果某些组件具有多个功能，我们应该重构并为每个功能创建一个新组件。

• 高阶组件（HOC） - 前React版本提供了用于处理可重用功能的mixin。 由于mixins现在已被弃用，其中一个解决方案是使用HOC。