如何测试 React 并发模式安全June 30, 2020

本文聊聊作为库作者如何测试你的库在 React 并发模式下安全。

#React

RxJS Hooks and Suspense: The Ultimate GuideFebruary 25, 2020

In witch I suggested a simple, flexible, testable and performant solution to use RxJS Observable with React hooks and Suspense.

#RxJS#JavaScript#React

真·复用组件 - React hooks 结合 RxJS 封装异步逻辑September 22, 2019

本文聊聊 React hooks 如何改变旧有的开发思路,以及如何利用 hooks 结合 RxJS 将异步逻辑封装到组件中,从而轻松复用功能更复杂的组件。

#React#RxJS#Hooks

JavaScript 音频变速保持音调June 06, 2019

在上篇文章中我们提到如何结合 React 为音频显示波形与区间循环播放,但有时候音频说话太快了,我们需要放慢下来听,所以本文我们来看看如何实现音频的变速,以及如何处理变速时声调出现的奇怪变化。

#React#Audio#Waveform#Wavesurfer#SoundTouch#Pitch Stretch

React 音频显示波形与区间循环播放June 01, 2019

最近跟一位台湾的日语老师交流一番后,决定给 Saladict 增加音频控制功能,可以显示发音的波形,支持区间选择、 AB 循环和变速。这里把实现的原理以及踩过的坑分享一下。

#React#Audio#Waveform#Wavesurfer

React 黑魔法之 Portal + SyntheticEvent + iframeJuly 15, 2018

在实现划词扩展的时候,查词面板等模块需要植入到源网页,为了更方便地隔离样式污染,植入的模块均使用了 <iframe> 包装。在前一个 Vue 实现的版本 Saladict 5 中,有几个不太舒服的小小小小地方: <iframe> 内外事件不通。 <iframe> 内外环境不一样,变量不能共用,需要 postMessage 交流。 Vue 组件必须要有一个根元素,且 v-if…

#JavaScript#React

深入 React Render Props 模式April 03, 2018

随着 React 的新 Context API 出来,render props 模式再次发挥重要作用。本文将尝试深入理解 render props 的利弊,并结合高阶组件寻找合适的处理方式。 基础 先看官方给出的简单例子: 加个 DataProvider 的简单实现, 这里是将一个返回 React 元素的函数传给 DataProvider 的 props.render,DataProvider…

#React#JavaScript

React Native 搭配 MobX 使用心得November 13, 2017

MobX 是一款十分优秀的状态管理库,不但书写简洁还非常高效。当然这是我在使用之后才体会到的,当初试水上车的主要原因是响应式,考虑到可能会更符合 Vue 过来的思考方式。然而其实两者除了响应式以外并没有什么相似之处:joy:。 在使用过程中走了不少弯路,一部分是因为当时扫两眼文档就动手,对 MobX 机制理解得不够;其它原因是 MobX 终究只是一个库,会受限于 React…

#React#React Native#JavaScript#MobX

eat();

sleep();

code();

repeat();