在本章中,我们将列出React最佳实践,方法和技术,以帮助我们在应用程序开发过程中保持一致.
州 : 应该尽可能避免国家.集中状态并将其作为道具传递给组件树是一种很好的做法.每当我们有一组需要相同数据的组件时,我们应该在它们周围设置一个容器元素来保存状态. Flux模式是在React应用程序中处理状态的一种很好的方式.
PropTypes : 应始终定义PropTypes.这将有助于跟踪应用程序中的所有道具,它对于在同一项目中工作的任何开发人员也很有用.
渲染 : 应该将大多数应用程序的逻辑移到render方法中.我们应该尝试最小化组件生命周期方法中的逻辑,并在render方法中移动该逻辑.我们使用的状态和道具越少,代码就越清晰.我们应该始终使国家尽可能简单.如果我们需要从州或道具计算某些东西,我们可以在渲染方法中进行.
构图 : React团队建议使用单一责任原则.这意味着一个组件应该只负责一个功能.如果某些组件具有多个功能,我们应该为每个功能重构并创建一个新组件.
高阶组件(HOC) : 以前的React版本提供了用于处理可重用功能的mixins.由于mixin现已弃用,其中一个解决方案是使用HOC.