React Hooks正式公布也有一长段时间了，在选择第一时间接受“总之这就是未来了，你不陪跑也得陪跑”的现实之后，逐渐尝试着在脑内对一些既有的代码基于Hooks去进行重构，也阅读了不少社区里的讨论。 在社区中，大部分布道者都提到了诸如“过于冗繁的组件嵌套”、“与内部原理的更亲…

V8 7.4 发布。此版本支持了 JIT-less 启动模式 、WebAssembly Threads 以及私有类成员属性语法 #field，并优化了函数形参实参数不匹配、原生访问器读写、流式解析等场景的性能表现。🔗 Chrome 74 起，将试验性支持 kv-storage…

在我们的业务场景中遇到这么一个问题，有一个商户下拉框选择列表，我们简单的使用 antd 的 select 组件，发现每次点击下拉框，从点击到弹出会存在很严重的卡顿，在本地测试时，数据库只存在370条左右数据，这个量级的数据都能感到很明显的卡顿了（开发环境约700+ms），更别提…

react在进行组件渲染时，从setState开始到渲染完成整个过程是同步的（“一气呵成”）。如果需要渲染的组件比较庞大，js执行会占据主线程时间较长，会导致页面响应度变差，使得react在动画、手势等应用中效果比较差。 为了解决这个问题，react团队经过两年的工作，重写了r…

上面代码看来，一个是不替换组件的情况下更新组件，另一个则是直接更新 markup 标记。我们按照顺序一个个看过来吧，先看到 ReactCompositeComponent.receiveProps ： 关于 DOM 操作一系列的方法这里不准备做解读，可以直接查看源码 core/…

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

我们今天将会用一个具体的例子一步步的解决 React 的一些常见的性能问题。 首先，我会直接给你看项目中问题，并给出问题相应的解决方法。这样做，就和我们实际上的项目差别不大了（在一些概念上）。 这篇文章并不是长篇大论，相反地，我们讨论一些东西都是今后你们马上就能用到的。 为了是…

前言一般情况下，我们写React项目，用create-react-app脚手架开发比较方便，但是如果要写一个插件的话，用三方脚手架就显得有点臃肿了，我们可以自己配置一个符合我们开发的简单工具，本文教你

React 16.6添加了一个新的特性: React.lazy(), 它可以让代码分割(code splitting)更加容易。 接下来通过一个股票App Demo， 来学习如何使用React.lazy这个新特性并了解为什么要使用它。 我们创建了一个股票Web App，App展…