zoukankan      html  css  js  c++  java
  • React 根据官方总结的规范

    1、语法上,根据生命周期方法执行的顺序编写代码

     (1 生命周期方法[getDefaultPropsgetInitialStatecomponentWillMountcomponentDidMount,componentWillReceivePropsshouldComponentUpdatecomponentWillUpdatecomponentDidUpdate,componentWillUnmount]

     具体的生命周期详解见:http://www.cnblogs.com/daomul/p/4856101.html

     (2 其他的私有方法

     (3 render()方法

    2、事件处理函数的命名: “handle+EventName”

    <Component onClick={this.handleClick} onLaunchMissiles={this.handleLaunchMissiles} />

    3、组件验证

    react 组件 都应该完成 propTypes 验证。每一个 this.props 的属性都应该有一个与之对应的propTypes
    避免使用这些没有描述意义的 prop-types:

    • React.PropTypes.any
    • React.PropTypes.array
    • React.PropTypes.object

    最好使用:

    • React.PropTypes.arrayOf
    • React.PropTypes.objectOf
    • React.PropTypes.instanceOf
    • React.PropTypes.shape

    4、能用 props 就不要用 state,这一定程度上可以减少应用程序的复杂度

    5、尽量少用jQuery去操作DOM(有必要的话,把jquery插件包装在React组件中)

    6、尽量不用例如backbone的模型,可以直接使用 flux action,或者 $.ajax 来代替。

  • 相关阅读:
    centos7.5部署mysql cluster NDB总结
    读《构建之法》13--17章有感
    读《构建之法》8--10章
    作业5.2
    作业5.1
    读《构建之法》6--7章读后感
    做汉堡,做汉堡
    《构建之法》1—5章读后感
    第二次作业
    1
  • 原文地址:https://www.cnblogs.com/daomul/p/5085270.html
Copyright © 2011-2022 走看看