本篇文章，以模拟获取热门文章为例，阐述 React 异步获取数据的进化历程(useEffect -> useReducer -> custom hook -> Suspense)

很多同学用react开发的时候，真正用到的React的api少之又少，基本停留在Component,React.memo等层面,实际react源码中，暴露出来的方法并不少，只是我们平时很少用。但是Re

$\quad$ 在项目所在路径，使用create-react-app . --template typescript创建项目，注意：项目名称中不能包括大写字符。 执行 yarn start命令，yarn就会帮我们打开浏览器窗口，看到我们自己的项目。如下图： 即可阻止弹窗。 内置…

所谓 css in js, 就是在 js 中写css. React是以组件组合的形式组织的。所以在嵌套关系上,就会有四种不同的可能性: 我们就常以 发布/订阅模式来举例子, 这里我们用 node.js Events模块来实现。 我们在处理事件的过程中需要注意, componen…

多年来，我致力于一系列处理组件 API 和构建应用程序、库的模式。以下是一系列如何设计组件 API 的想法、观点和建议，这会让组件更灵活、更具有组合性、更容易理解。这些规则都不是硬性的，但它们帮助我想明白了如何组织和创建组件。 正如 React 库本身的目标是 最少化 API …

在本文中，我想分享几个技巧，这些技巧将改善你的React代码。 如果需要把大量的 props 传递到一个组件中，那么很有可能 该组件可再进一步拆分。 问题来了，“大量” 具体是多少呢？答案是 看情况。 像函数一样，一个组件应该只做好一件事，所以考虑下 将组件拆分成多个小组件是否…

我技术没有大牛的水平，所以我写文章并不是为了吸引人，一方面是记录自己新学的东西，写出来觉得自己的理解也会加深；另一方面是让比我还入门的人找到个非常合适的入门文章。我喜欢配上一些Demo，这样不太明白的人才能看懂，受教人群不一样，大牛可以去看官方文档说明，小白可以看看demo感受…

Refs 提供了一种方式，允许我们访问 DOM 节点或在 render 方法中创建的 React 元素。 管理焦点，文本选择或媒体播放。 触发强制动画。 集成第三方 DOM 库。 1. createRef createRef 是 React16.3 版本中引入的。 使用 Rea…