1. webpack 打包字体有时候会破坏字体格式导致浏览器decode失败,有的浏览器认为是警告,有的认为是错误,认为错误的直接不渲染页面
2. Object assign 方法不是全浏览器支持,尤其andriod和微信浏览器,需要自己找个polyfill
3. Promise不是全浏览器支持,尤其andriod和微信浏览器,需要自己找个polyfill
4. 这个跟react无关,主要是IE对flex布局的支持,对于flex:1 1 0,IE和微信浏览器直接扩展最后一个为0px,导致height为0,现象就是页面一片空白,写成flex:1 1 0%解决问题
5. 用ReactCSSTransitionGroup做页面间的滑动切换,只用定义appear的css,千万不要写enter和leave的,enter和leave是用来实现组件加入/离开组的动画效果。
6. 不要有工程洁癖,例如坚决不用jquery,坚决什么都用redux封装,有时候一个很简单的东西会被这种洁癖搞的很痛苦
7. 组件设计的力度不要太细,只对非常通用的组件做比较细力度的设计用来积累团队的code base,可以用于绝大多数项目,比如navbar,footerbar,infinitescroll list
8. 少用国产的React UI组件库,虽然看上去都不错,但是一用上,经常发现各种小坑
9. 认真读官方文档,有的虽然是短短一页,但是信息密度特别大,不仔细看经常会忽略某些非常重要的知识点
10. 一定要测试android browser,chrome for android,微信浏览器,不要只在自己的iphone上测了就OK了
11. 非常值得29欧买个jshybugger