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

  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个代码文件,才知道某个对象的一个对象是从哪里来,结构如何。在多人配合的项目中,这种「自由」带来的便利,远远抵不上代码可读性降低带来的阻碍。

转载于:https://www.cnblogs.com/jhzhu/p/7940787.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值