20160805

1不要添加多余的import,会报错

2HttpService改成

var serverIp = "http://10.10.2.116:8080";

3字段为空,某些属性没有定义。userid tartid


作者:eisneim

链接:http://www.zhihu.com/question/36446304/answer/67512114

来源:知乎

著作权归作者所有,转载请联系作者获得授权。

1.能做成组件就尽量做成组件,细分化,do one thing and do it well;还能复用

2.基于第一点,只传入必要的props, 再使用immutablejs或者react.addons.update来实现不可变数据结构,再结合React.addons.PureRenderMixin来减少reRender

3. 在shouldComponentUpdate中优化组件减少reRender

4. context虽然没有官方文档,但还是很好用的。(不会的同学可以自己google react context)

5. 能不做dom操作就尽量不要,始终让UI能够基于State还原,尽量在render()中把该做的做好

6.propTypes, defaultProps不要懒的去写,别人通过你的propTypes很容易理解组件,也容易debug

7. 在store和action中不要有dom操作或者访问window.属性,让store和action中的逻辑只与数据打交道,好处:测试,服务器端渲染

8.推荐使用ES6,arrow function"=>"和destructuring {...this.props} var {a,b}=this.props很好用

9. npm的debug包前后端公用很方便,开发的时候把组件渲染的每个步骤和动作都log下来,很容易在开发的时候就发现问题

10. 使用es6时,事件handler尽量不要用这样偷懒的写法onClick={e=>(this.doSomething("val"))},如果传递这个function给子组件,子组件就没法用PureRenderMixin来减少重复渲染了,因为这是个匿名函数

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 原教程内容详见精益 React 学习指南,这只是我在学习过程中的一些阅读笔记,个人觉得该教程讲解深入浅出,比目前大...
    leonaxiong阅读 2,926评论 1 18
  • 自己最近的项目是基于react的,于是读了一遍react的文档,做了一些记录(除了REFERENCE部分还没开始读...
    潘逸飞阅读 3,722评论 1 10
  • GUIDS 第一章 为什么使用React? React 一个提供了用户接口的JavaScript库。 诞生于Fac...
    jplyue阅读 3,691评论 1 11
  • 目前,react组件有三种写法,分别是es5的createClass写法,es6的class写法,以及statel...
    ZoomFunc阅读 1,906评论 0 1
  • It's a common pattern in React to wrap a component in an ...
    jplyue阅读 3,375评论 0 2

友情链接更多精彩内容