在我为一次会议准备技术演讲的过程中，我想花点时间和大家分享我在设计 React 组件模式上一些感悟。组件是 React 的核心，理解它对于设计一个良好的项目架构是十分重要的。 文中的图表是从一个非常棒的演讲（来自 Michael Chan）得到的。我强烈推荐去看他的视频 当你第…

写了一篇关于React Fiber架构的文章，详细介绍了React16的整体优化思路，及大致的实现过程， https://zhuanlan.zhihu.com/p/37095662

当我们能够熟练运用React进行前端开发时，不免会对React内部机制产生浓厚的兴趣。组件是什么？是真的DOM吗？生命周期函数的执行依据又是什么呢？ 本篇，我们先来研究React组件的实现与挂载。 上述代码写完后，我们就得到了<A />这个组件，那么我们接下来先弄清楚<A />…

大家知道，React 现在已经在前端开发中占据了主导的地位。优异的性能，强大的生态，让其无法阻挡。博主面的 5 家公司，全部是 React 技术栈。据我所知，大厂也大部分以 React 作为主技术栈。React 也成为了面试中并不可少的一环。 面试上篇。🤑 React 也是现…

众所周知，hooks在 React@16.8 中已经正式发布了。而下周周会，我们团队有个同学将会仔细介绍分享一下hooks。最近网上呢有不少hooks的文章，这不免激起了我自己的好奇心，想先行探探hooks到底好不好用。 react hooks在其文档的最开头，就阐明了hook…

在现代的应用程序中，用户界面通常要同时处理多个任务。例如，一个搜索组件可能要在响应用户输入的同时自动补全结果，一个交互式仪表盘可能需要在从服务器加载数据并将分析数据发送到后端的同时更新图表。 所有这些并行的步骤都有可能导致交互界面响应缓慢甚至无响应，拉低用户的满意度，所以让我们…

1. 引言 这次通过 Writing Resilient Components 一文，了解一下什么是有弹性的组件，以及为什么 Function Component 可以做到这一点。 2. 概述 相比代码的 Lint 或者 Prettier，或许我们更应该关注代码是否具有弹性。 …

1. 引言 工具型文章要跳读，而文学经典就要反复研读。如果说 React 0.14 版本带来的各种生命周期可以类比到工具型文章，那么 16.7 带来的 Hooks 就要像文学经典一样反复研读。 Hooks API 无论从简洁程度，还是使用深度角度来看，都大大优于之前生命周期的 …

React在16.8版本正式发布了Hooks。关注了很久，最近正好有一个小需求，赶紧来试一下。 需求很简单，部门内部的一个数据查询小工具。大致长成下面这样： 用户首次访问页面，会拉取数据展示。输入筛选条件，点击查询后，会再次拉取数据在前端展示。 关于React hooks的相关…