ReactJS 最佳实践

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

• State−应尽可能避免这种状态。集中化状态并将其作为支柱传递到组件树中是一个很好的实践。每当我们有一组需要相同数据的组件时，我们应该在它们周围设置一个容器元素来保存状态。通量模式是一种处理React应用程序状态的好方法。

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

• Render−应用程序的大多数逻辑应在render方法内移动。我们应该尽量减少组件生命周期方法中的逻辑，并在render方法中移动该逻辑。我们使用的状态和道具越少，代码将越干净。我们应该始终使状态尽可能简单。如果需要从状态或道具中计算出一些东西，可以在render方法中进行。

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

• Higher Order Components (HOC)−以前的React版本提供了用于处理可重用功能的mixin。由于现在不推荐使用mixins，因此解决方案之一是使用HOC。