Riptide

越来越多人开始尝试使用 Typescript 编写他们的 Vue 项目，Vue 本身也在不断加强对 Typescript 的支持（官方提供 vue-class-component 库、使用 Typescript 编写 Vue 3.0 等），但是对于组件中模板部分的类型检查仍然有很大的局限性。

Nowadays more people start trying to build Vue project with Typescript. Vue itself also provides better support to Typescript such as the vue-class-component lib and rewriting version 3.0's codebase in Typescript.

But the limitation of type checking in the template is still a big problem preventing Vue component from being type-safe.

一个设计精巧的缓存不仅可以让客户端在运行时变得更加高效，还可以极大地提升开发效率，并且减少各类数据不一致问题引发的 bug。而与其它 API 规范相比，GraphQL 和客户端缓存的结合可以让这些优势再次被放大。

前段时间开源了我们的 web 录制、回放基础库 rrweb，它可以将页面中的 DOM 以及用户操作保存为可序列化的数据，以实现远程回放。

Recently we have released rrweb, which is an open source web session replay library that provides easy-to-use APIs to record user's interactions and replay them remotely.

In this post, I'd like to dive into more details about the project.