首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
精读React官方文档
Always_positive
创建于2021-06-16
订阅专栏
本专栏存放博主对React官方文档的学习笔记和经验总结。
等 11 人订阅
共22篇文章
创建于2021-06-16
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
Always_positive
9月前
前端
React性能优化技巧
技巧一:尽量避免重新render 1. 使用PureComponent 2. 使用ShouldComponentUpdate 3. 使用React.memo 4. 使用useMemo缓存计算结果 5.
2555
21
评论
Always_positive
1年前
React.js
前端
深入 JSX(精读React官方文档—21)
会编译为: 自闭合的标签形式 会编译为: 指定React元素类型 React必须在作用域内 在JSX类型中使用点语法 用户定义的组件必须以大写字母开头 如果你确实需要一个以小写字母开头的组件,则在JS
556
4
评论
Always_positive
1年前
前端
React.js
与第三方库协同(精读React官方文档—20)
集成带有DOM操作的插件 如何解决这个问题 集成JQuery Chosen插件 Chosen对DOM做了哪些操作? 读取原DOM节点的属性,然后使用行内样式隐藏它。 紧挨着这个select之后增加一个
692
5
评论
Always_positive
1年前
React.js
前端
高阶组件(精读React官方文档—19)
核心 高阶组件不用关心数据是如何渲染的,只用关心逻辑即可。 被包装的组件不用关心数据是怎么来的,只用负责渲染即可。 最后渲染的是高阶组件返回的组件。 一个例子看懂高阶组件的用法 解读 高阶组件是一种函
315
4
评论
Always_positive
1年前
React.js
Fragments(精读React官方文档—18)
Fragments存在的意义是什么? 动机 用法 使用React.Fragment代替原本的div 通过上面的方法我们就可以正确的输出table了。 短语法 我们可以使用一种类似空标签的语法来声明Fr
297
2
评论
Always_positive
1年前
React.js
前端
Refs转发(精读React官方文档—17)
什么是Ref转发? 转发refs到DOM组件 下面的组件是一个渲染原生DOM元素button的FancyButton组件 Ref转发是一个可选特性,其允许某些组件接收ref,并将其向下传递给子组件。
702
1
评论
Always_positive
1年前
React.js
前端
错误边界(精读React官方文档—16)
什么是错误边界? 解读 错误边界指的是部分UI导致的JS错误导致整个应用崩溃,React为防止这种问题的发生引入 了错误边界,错误边界是一种组件,这种组件可以检测发生在其子组件树任何位置的JS错误,并
271
1
评论
Always_positive
1年前
React.js
前端
Context(精读React官方文档—15)
Context有什么作用? 解读 通过Context可以让组件树之间进行数据传递,并且不需要手动添加props. 何时使用Context? 例如下面的例子,通过theme属性手动调整一个按钮组件的样式
618
4
评论
Always_positive
1年前
React.js
前端
代码分割(精读React官方文档—14)
这是我参与更文挑战的第28天,活动详情查看:更文挑战 打包 实例:打包前文件和打包后文件对比 打包前 打包后 代码分割 打包应该注意的问题: 随着应用体积的增加,避免因为体积过大而导致加载过慢的问题。
666
6
2
Always_positive
1年前
React.js
前端
无障碍辅助功能(精读React官方文档—13)
这是我参与更文挑战的第27天,活动详情查看:更文挑战 什么是无障碍辅助功能? 解读 标准和指南 WCAG 网络内容无障碍指南(Web Content Accessibility Guidelines,
899
4
评论
Always_positive
1年前
React.js
前端
React哲学(精读React官方文档—12)
这是我参与更文挑战的第25天,活动详情查看:更文挑战 引入React哲学 从设计稿开始 假设我们已经拥有了以下几个东西 一个能够返回JSON数据的API 设计师提供的组件设计稿 第一步:将设计好的UI
530
4
评论
Always_positive
1年前
React.js
前端
组合VS继承(精读React官方文档—11)
这是我参与更文挑战的第24天,活动详情查看:更文挑战 包含关系 其他组件将任意组件作为子组件传递给上面我们定义的组件中 解读 有时候也可以不使用children prop,例如下面的这种情况 解读 特
186
2
评论
Always_positive
1年前
React.js
前端
状态提升(精读React官方文档—10)
这是我参与更文挑战的第23天,活动详情查看:更文挑战 为什么需要状态提升? 首先创建一个判断水是否沸腾的组件BoilingVerdict 添加第二个输入框 解读 我们希望的是当一个输入框的值发生变化的
363
5
1
Always_positive
1年前
React.js
前端
表单(精读React官方文档—09)
这是我参与更文挑战的第22天,活动详情查看:更文挑战 表单基本介绍 举例 解读 该表单具有默认的HTML表单行为,实现这种效果的方式,在React中是通过受控组件的方式。 受控组件 让前一个例子在提交
345
4
评论
Always_positive
1年前
React.js
前端
列表&Key(精读React官方文档—08)
React中将元素转换为列表 类似map的方法 渲染多个组件 将数组中的每个元素变为li标签 把整个 listItems 插入到 <ul> 元素中,然后渲染进 DOM: 基础列表组件 把上面介绍的例子
311
5
4
Always_positive
1年前
React.js
前端
条件渲染 (精读React官方文档—07)
这是我参与更文挑战的第20天,活动详情查看:更文挑战 引言 观察下面两个组件 再创建一个 Greeting 组件,它会根据用户是否登录来决定显示上面的哪一个组件。 这个示例根据 isLoggedIn
315
4
评论
Always_positive
1年前
React.js
事件处理 (精读React官方文档—06)
这是我参与更文挑战的第19天,活动详情查看:更文挑战 React中的事件处理 React中的事件的命名采用小驼峰的命名方式,小驼峰的实例onClcik 传统的HTML事件处理函数传入的是一个字符串 R
189
4
评论
Always_positive
1年前
React.js
前端
State与生命周期 (精读React官方文档—05)
这是我参与更文挑战的第18天,活动详情查看:更文挑战 state是私有的。 解读 官方对state的介绍很重要,我们必须要知道state是私有的,并且完全受控于当前组件。 将函数组件转换为类组件 创建
482
7
评论
Always_positive
1年前
React.js
组件与props (精读React官方文档—04)
这是我参与更文挑战的第17天,活动详情查看:更文挑战 组件的概念 解读 组件是独立可复用的代码片段,这种代码片段接收props参数并返回React元素。 函数组件与类组件 函数组件 函数组件的本质就是
650
3
评论
Always_positive
1年前
React.js
前端
元素渲染 (精读React官方文档—03)
这是我参与更文挑战的第16天,活动详情查看:更文挑战 元素是什么? 解读 React元素的本质是对象。 React DOM会负责将这个对象更新到DOM中,来和React元素保持一致。 组件和元素是不同
352
5
评论
下一页