当然，React DevTools 是没法用来直接调试小程序的。 但是利用 Remax 小程序框架，我们就可以做到利用 React DevTools 来调试了。 Remax 是一个基于真正 React 开发的小程序框架，[链接] 首先新建一个 Remax 项目（以阿里小程序为例）： {代码...} 安装 React DevTools 并启动： {代码...} 使用小程序开发者工具打开 hel...

经过一段时间的开发，我们很高兴地向大家介绍支持 Web 应用构建的 Remax 2.0。 支持 Web 应用构建 得益于 Remax One 的设计，现在基于 Remax One 构建的应用可以编译到 Web 端了，只要使用下面的命令： {代码...} 通过这个 CodeSandbox 就可以体验（可能需要梯子）：[链接] 构建 Web 应用的具体文档：[链接] 使用 Webpac...

小程序作为一项非标准的技术，各个小程序平台之间虽然大体上相似，但依然有非常多的差异。“一次开发多端运行”当然是非常美好的愿望，但我们在设计 Remax 之初就意识到各个小程序平台之间的差异是无法被抹平的，每家小程序平台有太多的私货，更没有一个标准来指导我们该如何抹平这些差异。

小程序糟糕的 API 设计已经有很多文章吐槽，这里就不再赘述了。再加上现在一大堆小程序平台，每个平台之间又有大大小小的差异，这对于有跨平台需求的小程序来说无异于是一场灾难。

最早的时候，antd 的 Table 用起来是这样的： {代码...} 只要把列定义和数据传给 Table 组件，它就会帮你把表格渲染出来。我们简单实现一下上面的 Table 组件： {代码...} 后来，有人就觉得这样写不够 React 啊，我想要用 JSX 来定义列啊。 好吧，那我们把上面的 Table 改造一下，允许用 JSX 的方式。 {代码...} 这里我...

React 的 focus 事件实现有问题 React 的 focus 事件会冒泡，但是原生 DOM 的 focus 事件是不冒泡的； 原生 DOM 的 focusin 事件是会冒泡的，但是现在 React 没实现 focusin 事件； 所以现在根据 React 的 focus 事件的行为，它应该被叫做 focusin 才对。 可以看这个 demo。 另外可以发现 React 合成事件里的 eventPhase...

在使用 React 编写组件的时候，我们常常会碰到两个不同的组件之间需要共享状态情况，而通常的做法就是提升状态到父组件。但是这样做会有一个问题，就是尽管只有两个组件需要这个状态，但是因为把状态提到了父组件，那么在状态变化的时候，父组件以及其下面的所有子组件都会重新 render，如果你的父组件比较复杂，包含了...

jest 里有两种 mock，一种是方法的 mock，还有一种是模块的 mock。这里我们来看一下模块的 mock 是如何实现的。 比如我们要 mock 掉 node 内置的 fs 模块，我们只要这么写： {代码...} jest 在执行这个文件的时候，首先会对代码进行转换，转换分成两步。 第一步是提升 jest.mock('fs')，让它能作用在 require 之前，转换...

在优化 React 组件的时候我们常常会看到 Pure Component 的说法，所谓 Pure Component 就是在 props，state 和 context 不变的情况下，组件的 render 结果也是不变的。基于这个前提，我们可以很方便地用 shouldCompoentUpdate 来优化组件，减少 render。