Riptide

English Version

距离我将 rrweb 作为开源项目发布已经有将近两年的时间了。在这两年里，作为项目的创作者和主要维护者，我也学到了很多。

中文版

It has been nearly two years since I released rrweb as an open-source project.

As the creator and one of the maintainers of this project, I learned a lot during this period.

Today I'm happy to share my new open-source project: Syncit, which is a co-browsing tool. It works like TeamViewer in the browser but provides better performance and privacy protection without downloading client.

GraphQL 经常被打上“好东西，但是难以落地”的标签，很多尝试 GraphQL 的团队也经历了“从入门到放弃”的痛苦。而我们能够在过去一年多的时间里让 GraphQL 在项目中平稳落地，其背后是一个技术决策、工程管理和代码相结合的有趣故事。

越来越多人开始尝试使用 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.