20160805

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

2HttpService改成

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

20160805_第1张图片

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

20160805_第2张图片
20160805_第3张图片


作者: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来减少重复渲染了,因为这是个匿名函数

你可能感兴趣的:(20160805)