ReactJS最佳实践

ReactJS最佳实践

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

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

  • PropTypes - PropTypes应该总是被定义的。这将有助于跟踪应用程序中的所有props,这对任何开发同一项目的开发人员也是有用的。

  • Render - 应用程序的大部分逻辑都应该在render方法中移动。应该尽量减少组件生命周期方法中的逻辑,并在渲染方法中移动这个逻辑。 使用的stateprops越少,代码越干净。应该始终把state尽可能简单化。 如果需要从stateprops来计算一些东西,可以在渲染方法里面做。

  • Composition - React团队建议使用单一责任原则。 这意味着一个组件只应该对一个功能负责。 如果某些组件具有多个功能,应该重构并为每个功能创建一个新组件。
  • 高阶组件(HOC) - 以前的React版本提供了mixins来处理可重用的功能。 由于mixin现在已被弃用,其中一个解决方案是使用HOC。