ReactJS 最佳实践

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

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

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

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

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

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