开发手册 欢迎您!
软件开发者资料库

ReactJS - 最佳实践

ReactJS最佳实践 - 从简单和简单的步骤学习ReactJS,从基本到高级概念,包括概述,环境设置,JSX,组件,状态,道具概述,道具验证,组件API,组件生命周期,表格,事件,参考,键,路由器,磁通概念,使用磁通,动画,服务器端渲染,高阶组件,最佳实践。

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

  • : 应该尽可能避免国家.集中状态并将其作为道具传递给组件树是一种很好的做法.每当我们有一组需要相同数据的组件时,我们应该在它们周围设置一个容器元素来保存状态. Flux模式是在React应用程序中处理状态的一种很好的方式.

  • PropTypes : 应始终定义PropTypes.这将有助于跟踪应用程序中的所有道具,它对于在同一项目中工作的任何开发人员也很有用.

  • 渲染 : 应该将大多数应用程序的逻辑移到render方法中.我们应该尝试最小化组件生命周期方法中的逻辑,并在render方法中移动该逻辑.我们使用的状态和道具越少,代码就越清晰.我们应该始终使国家尽可能简单.如果我们需要从州或道具计算某些东西,我们可以在渲染方法中进行.

  • 构图 :  React团队建议使用单一责任原则.这意味着一个组件应该只负责一个功能.如果某些组件具有多个功能,我们应该为每个功能重构并创建一个新组件.

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