ReactJS最佳实践

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

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

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

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

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

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