React Refs的多种用法归纳整理 • September 12, 2021
Refs 提供了一种方式，允许我们访问 DOM 节点或在 render 方法中创建的 React 元素。
React中PureComponent的浅比较 • September 12, 2021
PureComponent是react中创建组件的一种方式，可以减少不必要的更新，进而提升性能。这也是React应用性能优化的一种方式。
真·复用组件 - React hooks 结合 RxJS 封装异步逻辑 • September 22, 2019
本文聊聊 React hooks 如何改变旧有的开发思路，以及如何利用 hooks 结合 RxJS 将异步逻辑封装到组件中，从而轻松复用功能更复杂的组件。
JavaScript 音频变速保持音调 • June 06, 2019
在上篇文章中我们提到如何结合 React 为音频显示波形与区间循环播放，但有时候音频说话太快了，我们需要放慢下来听，所以本文我们来看看如何实现音频的变速，以及如何处理变速时声调出现的奇怪变化。
React Native 搭配 MobX 使用心得 • December 13, 2018
MobX 是一款十分优秀的状态管理库，不但书写简洁还非常高效。当然这是我在使用之后才体会到的，当初试水上车的主要原因是响应式，考虑到可能会更符合 Vue 过来的思考方式。然而其实两者除了响应式以外并没有什么相似之处。
React 黑魔法之 Portal + SyntheticEvent + iframe • July 15, 2018
在实现划词扩展的时候，查词面板等模块需要植入到源网页，为了更方便地隔离样式污染，植入的模块均使用了 <iframe> 包装。在前一个 Vue 实现的版本 Saladict 5 中，有几个不太舒服的小小小小地方： <iframe> 内外事件不通。 <iframe> 内外环境不一样，变量不能共用，需要 postMessage 交流。 Vue 组件必须要有一个根元素，且 v-if…
深入 React Render Props 模式 • April 03, 2018
随着 React 的新 Context API 出来，render props 模式再次发挥重要作用。本文将尝试深入理解 render props 的利弊，并结合高阶组件寻找合适的处理方式。 基础 先看官方给出的简单例子： 加个 DataProvider 的简单实现， 这里是将一个返回 React 元素的函数传给 DataProvider 的 props.render，DataProvider…