loading...

rrweb: record and replay the web

twitter logo github logo ・1 min read

This is a library for recording user activity and storing it as a replayable video of sorts.

This is similar to hotjar and similar services, but it's open source and seems more configurable. Inherently more configurable because you have the code.

GitHub logo rrweb-io / rrweb

record and replay the web

Try rrweb

rrweb

Build Status Join the chat at https://gitter.im/rrweb-io/rrweb total gzip size recorder gzip size

δΈ­ζ–‡ζ–‡ζ‘£

rrweb refers to 'record and replay the web', which is a tool for recording and replaying users' interactions on the web.

Currently, rrweb has already solved many difficult problems in recording and replaying, but the data structure may still be changed before the release of Version 1.0. So please be cautious to use rrweb in the production environment.

Guide

πŸ“š Read the rrweb guide here. πŸ“š

Project Structure

rrweb is mainly composed of 3 parts:

  • rrweb-snapshot, including both snapshot and rebuilding features. The snapshot is used to convert the DOM and its state into a serializable data structure with an unique identifier; the rebuilding feature is to rebuild the snapshot into corresponding DOM.
  • rrweb, including two functions, record and replay. The record function is used to record all the mutations in the DOM; the replay is to replay the recorded mutations one by one…

Currently deemed not ready for production according to the README.

P.S. We started a new tag called GitHunt for posts like this one. Follow the tag if you like this sort of stuff. Of course, all are welcome to contribute a post as well.

#githunt

Interesting open source repos you've discovered and want to share with the community.

Happy coding! ❀️

twitter logo DISCUSS (4)
markdown guide
 

Of course, user privacy is one concern with tools like this. But I'd think of it as an issue for all analytics and not necessarily more so with this tool.

Performance is also a concern.

We tend to err on the side of caution in terms of data collection and performance, so probably wouldn't be something we'd use. But still an interesting tool and definitely great that it's open source.

 

We got a real value from user recorded sessions, but payed ones, as in the user is recording its session and speaking out its mind. You learn a lot. We used a managed service for this but I forgot which one.

Just the record by itself is like having analytics, I dont see any extra value except the UX improvements.

 

This is really amazing. There are lot of things one can learn from this. May I ask you, what kind of data structure you have used to store the user interactions ? Also how do you replay it from the collected data ?

Classic DEV Post from Jun 25 '19

What does your Junior interview process involve?

Explain what your junior interview process involves and what you look for in junior candidates.

Ben Halpern profile image
A Canadian software developer who thinks he’s funny. He/Him.