ReactJs 专题
您的位置:JS框架 > ReactJs专题 > ReactJS最佳实践
ReactJS最佳实践
作者:--    发布时间:2019-11-20

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

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

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

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

  • composition - react团队建议使用单一责任原则。 这意味着一个组件只应该对一个功能负责。 如果某些组件具有多个功能,应该重构并为每个功能创建一个新组件。
  • 高阶组件(hoc) - 以前的react版本提供了mixins来处理可重用的功能。 由于mixin现在已被弃用,其中一个解决方案是使用hoc。

网站声明:
本站部分内容来自网络,如您发现本站内容
侵害到您的利益,请联系本站管理员处理。
联系站长
373515719@qq.com
关于本站:
编程参考手册