文章放在库存好久了。。。 React16.6于2018年10月份发布，该版本带来了许多新的特性同时赋予给React更强大的功能。其中最为显著的两个特性是 React.Suspense和 React.lazy。这两个特性，将React的代码分割和懒加载带到了一个新的高度。使用这两…

相信大家在日常中使用的最多的还是函数式组件和 React.Component 组件吧，今天就简单的说下函数式组件的两个优化方法。 在谈到函数式组件之前我们先看一个概念 - 纯函数。 引用一段维基百科的概念。 可以看到，纯函数有着相同的输入必定产生相同的输出，没有副作用的特性。 …

context提供了一种数据传输方式，它使得数据可以直接通过组件树传递而不需要在每一个层级上手动地传递props。 在典型的React应用中，数据是通过props自上而下（父组件传递给子组件）传递的，但是对于同时被许多组件所需要的某些props（如个人偏好，UI主题）来说，使用…

本系列涵盖了使用 React 的所有知识，分为上、中、下三篇。此为上篇，本篇主讲 React 元素渲染。 本系列涵盖 React v16.9，但更多的是 React 全面解析，具体 React v16.9 新特性可查看 [译]React v16.9 新特性。 上篇主讲 Reac…

本系列涵盖了使用 React 的所有知识，分为上、中、下三篇。此为中篇，本篇主讲 React 组件。 本系列涵盖 React v16.9，但更多的是 React 全面解析，具体 React v16.9 新特性可查看 [译]React v16.9 新特性。 上篇主讲 React …

单元测试：指的是以原件的单元为单位，对软件进行测试。单元可以是一个函数，也可以是一个模块或一个组件，基本特征就是只要输入不变，必定返回同样的输出。一个软件越容易些单元测试，就表明它的模块化结构越好，给模块之间的耦合越弱。React的组件化和函数式编程，天生适合进行单元测试 TD…

这是继 精读《React Conf 2019 - Day1》 之后的第二篇，补充了 React Conf 2019 第二天的内容。 第二天的内容更为精彩，笔者会重点介绍比较干货的部分。 Fast refresh 是更好的 react-hot-loader 替代方案，目前仅支持 …

Context被翻译为上下文，在编程领域，这是一个经常会接触到的概念，React中也有。 在React的官方文档中，Context被归类为高级部分(Advanced)，属于React的高级API，但官方并不建议在稳定版的App中使用Context。 不过，这并非意味着我们不需要…

为了保证的可读性，本文采用意译而非直译。 在执行 I/O 操作（例如数据提取）时，要先发送网络请求，然后等待响应，接着将响应数据保存到组件的状态，最后进行渲染。 在 React 中生命周期方法、Hooks和 Suspense是获取数据的方法。接下用事例演示一下如何使用它们并说明…