[react] React 新手必须知道的 N 件事

1. ---

   title: '[react] React 新手必须知道的 N 件事'
   date: 2017-08-08 19:58:24
   tags:

   • react
   • reactjs
   • props
   • onChange
   • 框架
   • redux
     categories:
   • 技术

   ---

   1. 尽量用 props & onChange，不要用 ref 获取引用然后调用方法。详情参考博客：一等公民 props & onChange
   2. React 只是一个视图框架，请尽量在 Component 里只做他擅长的事情。尽量写无状态的 Component。视图以外的事情，比如控制层、数据层、网络层，需要借助其他框架来完成。详情参考博客：React 仅仅是一个 view 框架
   3. 避免重复造轮子。react 有丰富的第三方 Component & Utils & everything。写任何组件前请先看看这里：awesome-react-components
   4. Less state，more PureComponent. 深刻理解和区分 Presentational Component 和 Container Component。前者决定组件如何显示，更关心对已知数据的展示，大量操作 dom，很少有 state；后者更关心数据的获取和更新，关心交互操作，很少直接操作 dom，可能包括很多 state。详解请参考：Presentational and Container Components
   5. 理解 React 的单向数据流，了解他的优势和局限。详情：React 组件数据流 && 组件间沟通
   6. 如果是中大型项目，请添加静态类型检查。TypeScript 或者其他类似的解决方案。因为 js 太自由了，很容易对一个对象增加和删除一个字段。如果，恰好其他人需要看这段代码，可能需要追溯好几条街，阅读7、8个代码文件，才知道某个对象的一个对象是从哪里来，结构如何。在多人配合的项目中，这种「自由」带来的便利，远远抵不上代码可读性降低带来的阻碍。