ReactJS教程:最佳实践、方法和技巧

2018-11-1113:27:40WEB前端开发Comments2,518 views字数 508阅读模式

列出React的最佳实践,方法和技巧,以帮助我们在应用程序开发过程中保持一致。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/7834.html

  • State - state应该尽可能避免。 集中状态并将其作为props传递给组件树是一个好习惯。 每当我们有一组需要相同数据的组件时,应该在它们周围设置一个容器元素来保存状态。 Flux模式是处理React应用程序状态的好方法。
  • PropTypes - PropTypes应该总是被定义的。这将有助于跟踪应用程序中的所有props,这对任何开发同一项目的开发人员也是有用的。
  • Render - 应用程序的大部分逻辑都应该在render方法中移动。应该尽量减少组件生命周期方法中的逻辑,并在渲染方法中移动这个逻辑。 使用的stateprops越少,代码越干净。应该始终把state尽可能简单化。 如果需要从stateprops来计算一些东西,可以在渲染方法里面做。
  • Composition - React团队建议使用单一责任原则。 这意味着一个组件只应该对一个功能负责。 如果某些组件具有多个功能,应该重构并为每个功能创建一个新组件。
  • 高阶组件(HOC) - 以前的React版本提供了mixins来处理可重用的功能。 由于mixin现在已被弃用,其中一个解决方案是使用HOC。
文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/7834.html
  • 本站内容整理自互联网,仅提供信息存储空间服务,以方便学习之用。如对文章、图片、字体等版权有疑问,请在下方留言,管理员看到后,将第一时间进行处理。
  • 转载请务必保留本文链接:https://www.cainiaoxueyuan.com/gcs/7834.html

Comment

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定