React Firebase, наблюдатель положения курсора в реальном времени не может обрабатывать обновления - PullRequest
1 голос
/ 25 октября 2019

Я пишу модуль, который позволяет вам отслеживать координаты мыши на другом человеке на его экране. Я пишу координаты X и Y в базу. Событие записи onMouseMove проходит очень гладко, и Firebase обновляется без задержек. Однако у моего события чтения есть некоторые проблемы с отслеживанием:

        .child('activity')
        .on('value', snapshot => {
          if (snapshot.val()) {
            friendDashboardActivityData[userKey] = snapshot.val();
            if (document.getElementById('cursor' + userKey)) {
              /** Place the element based on the coordinates */
              let d = document.getElementById('cursor' + userKey);
              d.style.left = snapshot.val()['cursor'].x + 'px';
              d.style.top = snapshot.val()['cursor'].y + 'px';

Мышь, которая появляется на экране, действительно запаздывает, потому что она не может обрабатывать много изменений в секунду в базе данных. Есть ли в firebase разъем типа сокета (или, возможно, мы где-то допустили ошибку), который мы можем использовать, поэтому мне кажется, что курсор движется плавно.

...