The rrweb documentary (in Chinese, with English subtitles)
I have joined Github Sponsors and highly appreciate your sponsorship.
rrweb refers to 'record and replay the web', which is a tool for recording and replaying users' interactions on the web.
π Read the rrweb guide here. π
πΊ Presentation: Hacking the browser to digital twin your users πΊ
rrweb is mainly composed of 3 parts:
Since we want the record and replay sides to share a strongly typed data structure, rrweb is developed with typescript which provides stronger type support.
yarn install
in the root to install required dependencies for all sub-packages (note: npm install
is not recommended).yarn build:all
to build all packages and get a stable base, then yarn dev
in the root to get auto-building for all the sub-packages whenever you modify anything.packages
folder) where you'd like to make a change.yarn test
to run the tests, make sure they pass before you commit anything. Add test cases in order to avoid future regression.yarn test:update
and carefully commit the changes in test output.Protip: You can run yarn test
in the root folder to run all the tests.
In addition to adding integration tests and unit tests, rrweb also provides a REPL testing tool.
Become a sponsor and get your logo on our README on Github with a link to your site.