Reactjs react webapp中审核和记录用户行为的最佳解决方案？

在react webapp中，有哪些可用的LIB/工具可以监控用户行为

我正在使用一个高级web系统，并且已经到了一个重要的程度，即在webapp的特定部分收集用户行为的数据。例如，我想跟踪每个用户第一次访问配置文件时在配置文件上花费的时间。我也想在我的数据库中记录这一点，这样我就可以做统计和比较以前的统计

工具必须：

• 在react应用程序中工作
• 能够跟踪从组件可见到不可见的时间
• 跟踪在单个页面上花费的时间
• 是一个独立的工具，没有第三方云jazz

我不是在寻找：

• 谷歌分析
• 显示用户单击位置的工具
• 请求用户反馈的工具
• cookie工具

---

大约两年后，我们发现这个库几乎完全满足了所描述的需求

我们在以下情况下使用它：

const TimeMe = require('timeme.js');

getInitialState () {
  return {
    entryTime: new Date()
  };
},

componentDidMount () {
  window.addEventListener('beforeunload', this.loggingInteraction);
  TimeMe.startTimer(pageId);
},

async loggingInteraction () {
  TimeMe.stopTimer(pageId);
  const activeTimeOnPage = TimeMe.getTimeOnPageInSeconds(pageId) * 1000;
  TimeMe.resetRecordedPageTime(pageId);
  const totalTimeOnPage = T.millisecondsBetween(this.state.entryTime, T.now());
  // http send time on page request
},