如何测试 React 并发模式安全 • June 30, 2020
本文聊聊作为库作者如何测试你的库在 React 并发模式下安全。
RxJS Hooks and Suspense: The Ultimate Guide • February 25, 2020
In witch I suggested a simple, flexible, testable and performant solution to use RxJS Observable with React hooks and Suspense.
真·复用组件 - React hooks 结合 RxJS 封装异步逻辑 • September 22, 2019
本文聊聊 React hooks 如何改变旧有的开发思路,以及如何利用 hooks 结合 RxJS 将异步逻辑封装到组件中,从而轻松复用功能更复杂的组件。
JavaScript 音频变速保持音调 • June 06, 2019
在上篇文章中我们提到如何结合 React 为音频显示波形与区间循环播放,但有时候音频说话太快了,我们需要放慢下来听,所以本文我们来看看如何实现音频的变速,以及如何处理变速时声调出现的奇怪变化。
React 音频显示波形与区间循环播放 • June 01, 2019
最近跟一位台湾的日语老师交流一番后,决定给 Saladict 增加音频控制功能,可以显示发音的波形,支持区间选择、 AB 循环和变速。这里把实现的原理以及踩过的坑分享一下。
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…
React Native 搭配 MobX 使用心得 • November 13, 2017
MobX 是一款十分优秀的状态管理库,不但书写简洁还非常高效。当然这是我在使用之后才体会到的,当初试水上车的主要原因是响应式,考虑到可能会更符合 Vue 过来的思考方式。然而其实两者除了响应式以外并没有什么相似之处:joy:。 在使用过程中走了不少弯路,一部分是因为当时扫两眼文档就动手,对 MobX 机制理解得不够;其它原因是 MobX 终究只是一个库,会受限于 React…