ReactJS - 最佳实践(Best Practices)

使用 React 开发这么久,我们积累了一些最佳实践,方法和技术,希望你能够始终坚持他们。

  • 状态(STATE) 应当尽量避免使用状态。最佳的做法是把状态集中起来,当做属性一次性把状态传递给组件。 如果有很多组件需要同一份数据,应该把这些数据放在一个容器中,进行统一管理 当然,使用Flux模式管理状态也是我们所推荐的。

  • PROP TYPES 组件属性类型 应该始终定义组件属性(Props)的类型。这样我们就可以对属性进行监控和检查。.

  • 渲染(RENDER) (应用)APP的绝大部逻辑应该在 render()方法内。 应该减少组件生命周期内的逻辑,把绝大部分逻辑转移到 render 方法内,越少的使用 状态(state)和属性(props),代码就越简单。 应该始终尽可能的保持状态(state)和属性(props)简单. 即使需要对 state 或 props 进行一些计算,也应该放到 render 方法中。

  • 组件(COMPOSITION) React社区推荐在组件中使用单一原则: 一个组件只完成一项功能。 如果你设计的某些组件具有多个功能,则应对每个功能重构和创建新的组件。

  • 使用高级组件(HIGHER ORDER COMPONENTS (HOC)) 早期的 React 提供了 混入(Mixins) 来帮助开发者重用代码。 但现在 混入(Mixins) 已经被废弃,我们强烈推荐你使用 高级组件(HOC)。 我们也会在以后的章节中详细介绍它的用法。

关于   |   FAQ   |   我们的愿景   |   广告投放   |  博客

  简单教程,简单编程 - IT 入门首选站

Copyright © 2013-2022 简单教程 twle.cn All Rights Reserved.