[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个代码文件,才知道某个对象的一个对象是从哪里来,结构如何。在多人配合的项目中,这种「自由」带来的便利,远远抵不上代码可读性降低带来的阻碍。
posted @   知明所以  阅读(558)  评论(0编辑  收藏  举报
编辑推荐:
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 单线程的Redis速度为什么快?
· SQL Server 2025 AI相关能力初探
· 展开说说关于C#中ORM框架的用法!
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
点击右上角即可分享
微信分享提示