📜  ReactJS-最佳实践

📅  最后修改于: 2020-10-20 04:52:32             🧑  作者: Mango


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

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

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

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

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

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