ReactJS最佳实践


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

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

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

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

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

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