React教程21:React开发建议 Best Practices

React教程21:React开发建议Best Practices

这一篇教程列举React最好的实践方法,这些编程习惯和方法会帮助你在app开发中保持连贯性。

  • STATE − 应该尽量避免使用state 。最好的方法是中心化一个state,并把它逐渐依次传到component上。当你有一组components需要同样的data时候,你可以设置个container 元素包裹这些component来装载state。Flux 模式是React开发中处理state的最好方法。
  • PROP TYPES −  propTypes 应该定义。 propTypes帮助你追寻到所有在app中的props,并且它也对于其他项目合作者在代码合作上提供方便。
  • RENDER − 大多数app的逻辑都应该放在render 方法里面。你应该尽可能少的在component的生命周期方法中定义逻辑,而是在render方法中来定义。state 和 props 用的越少,代码越清晰。所以应该尽可能使 state简单。你可以在render方法中来计算来自state或者props的内容。
  • COMPOSITION − React 官方建议使用单一责任原则 (single responsibility principle)。这意思是一个component应该只负责一个功能。如果某些component有多个功能,你最好改写下,创建一些新的component来一一对应其中的功能。
  • HIGHER ORDER COMPONENTS (HOC) − React早前的版本提供了 mixins 来处理可重用的功能。现在 mixins 在新版本已经移除 deprecated了,而是用 higher order components 来代替。

发表回复

您的电子邮箱地址不会被公开。