[react] React 新手必须知道的 N 件事
-
title: '[react] React 新手必须知道的 N 件事'
date: 2017-08-08 19:58:24
tags:- react
- reactjs
- props
- onChange
- 框架
- redux
categories: - 技术
- 尽量用 props & onChange,不要用 ref 获取引用然后调用方法。详情参考博客:一等公民 props & onChange
- React 只是一个视图框架,请尽量在 Component 里只做他擅长的事情。尽量写无状态的 Component。视图以外的事情,比如控制层、数据层、网络层,需要借助其他框架来完成。详情参考博客:React 仅仅是一个 view 框架
- 避免重复造轮子。react 有丰富的第三方 Component & Utils & everything。写任何组件前请先看看这里:awesome-react-components
- Less state,more PureComponent. 深刻理解和区分 Presentational Component 和 Container Component。前者决定组件如何显示,更关心对已知数据的展示,大量操作 dom,很少有 state;后者更关心数据的获取和更新,关心交互操作,很少直接操作 dom,可能包括很多 state。详解请参考:Presentational and Container Components
- 理解 React 的单向数据流,了解他的优势和局限。详情:React 组件数据流 && 组件间沟通
- 如果是中大型项目,请添加静态类型检查。TypeScript 或者其他类似的解决方案。因为 js 太自由了,很容易对一个对象增加和删除一个字段。如果,恰好其他人需要看这段代码,可能需要追溯好几条街,阅读7、8个代码文件,才知道某个对象的一个对象是从哪里来,结构如何。在多人配合的项目中,这种「自由」带来的便利,远远抵不上代码可读性降低带来的阻碍。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 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,谁才是开发者新宠?