精读React官方文档

技巧一：尽量避免重新render 1. 使用PureComponent 2. 使用ShouldComponentUpdate 3. 使用React.memo 4. 使用useMemo缓存计算结果 5.

会编译为： 自闭合的标签形式 会编译为： 指定React元素类型 React必须在作用域内 在JSX类型中使用点语法 用户定义的组件必须以大写字母开头 如果你确实需要一个以小写字母开头的组件，则在JS

集成带有DOM操作的插件 如何解决这个问题 集成JQuery Chosen插件 Chosen对DOM做了哪些操作？ 读取原DOM节点的属性，然后使用行内样式隐藏它。 紧挨着这个select之后增加一个

核心 高阶组件不用关心数据是如何渲染的，只用关心逻辑即可。 被包装的组件不用关心数据是怎么来的，只用负责渲染即可。 最后渲染的是高阶组件返回的组件。 一个例子看懂高阶组件的用法 解读 高阶组件是一种函

Fragments存在的意义是什么？ 动机 用法 使用React.Fragment代替原本的div 通过上面的方法我们就可以正确的输出table了。 短语法 我们可以使用一种类似空标签的语法来声明Fr

什么是Ref转发？ 转发refs到DOM组件 下面的组件是一个渲染原生DOM元素button的FancyButton组件 Ref转发是一个可选特性，其允许某些组件接收ref,并将其向下传递给子组件。

什么是错误边界？ 解读 错误边界指的是部分UI导致的JS错误导致整个应用崩溃，React为防止这种问题的发生引入 了错误边界，错误边界是一种组件，这种组件可以检测发生在其子组件树任何位置的JS错误，并

Context有什么作用？ 解读 通过Context可以让组件树之间进行数据传递，并且不需要手动添加props. 何时使用Context？ 例如下面的例子，通过theme属性手动调整一个按钮组件的样式

这是我参与更文挑战的第28天，活动详情查看：更文挑战 打包 实例：打包前文件和打包后文件对比 打包前 打包后 代码分割 打包应该注意的问题： 随着应用体积的增加，避免因为体积过大而导致加载过慢的问题。

这是我参与更文挑战的第27天，活动详情查看：更文挑战 什么是无障碍辅助功能？ 解读 标准和指南 WCAG 网络内容无障碍指南（Web Content Accessibility Guidelines，

这是我参与更文挑战的第25天，活动详情查看：更文挑战 引入React哲学 从设计稿开始 假设我们已经拥有了以下几个东西 一个能够返回JSON数据的API 设计师提供的组件设计稿 第一步：将设计好的UI

这是我参与更文挑战的第24天，活动详情查看：更文挑战 包含关系 其他组件将任意组件作为子组件传递给上面我们定义的组件中 解读 有时候也可以不使用children prop，例如下面的这种情况 解读 特

这是我参与更文挑战的第23天，活动详情查看：更文挑战 为什么需要状态提升？ 首先创建一个判断水是否沸腾的组件BoilingVerdict 添加第二个输入框 解读 我们希望的是当一个输入框的值发生变化的

这是我参与更文挑战的第22天，活动详情查看：更文挑战 表单基本介绍 举例 解读 该表单具有默认的HTML表单行为，实现这种效果的方式，在React中是通过受控组件的方式。 受控组件 让前一个例子在提交

React中将元素转换为列表 类似map的方法 渲染多个组件 将数组中的每个元素变为li标签 把整个 listItems 插入到 <ul> 元素中，然后渲染进 DOM： 基础列表组件 把上面介绍的例子

这是我参与更文挑战的第20天，活动详情查看：更文挑战 引言 观察下面两个组件 再创建一个 Greeting 组件，它会根据用户是否登录来决定显示上面的哪一个组件。 这个示例根据 isLoggedIn

这是我参与更文挑战的第19天，活动详情查看：更文挑战 React中的事件处理 React中的事件的命名采用小驼峰的命名方式，小驼峰的实例onClcik 传统的HTML事件处理函数传入的是一个字符串 R

这是我参与更文挑战的第18天，活动详情查看：更文挑战 state是私有的。 解读 官方对state的介绍很重要，我们必须要知道state是私有的，并且完全受控于当前组件。 将函数组件转换为类组件 创建

这是我参与更文挑战的第17天，活动详情查看：更文挑战 组件的概念 解读 组件是独立可复用的代码片段，这种代码片段接收props参数并返回React元素。 函数组件与类组件 函数组件 函数组件的本质就是

这是我参与更文挑战的第16天，活动详情查看：更文挑战 元素是什么？ 解读 React元素的本质是对象。 React DOM会负责将这个对象更新到DOM中，来和React元素保持一致。 组件和元素是不同