Size: a a a

Nuxt.js — русскоговорящее сообщество

2020 May 14

🦁

🦁 in Nuxt.js — русскоговорящее сообщество
Деда
Вот для переписки, для чата я однозначно бы заюзал
я и говорю про реалтайм. Статика - она и в оффлайне статика, чё её заново грузить. Обновим страницу, загрузит новые данные, делов то.
источник

Д

Деда in Nuxt.js — русскоговорящее сообщество
RusaXXX
Nats?
Еще один язык )
источник

Д

Деда in Nuxt.js — русскоговорящее сообщество
У меня есть в планах комменты и лайки обновлять в реалтайме
источник

Д

Деда in Nuxt.js — русскоговорящее сообщество
Но как это будет на самом деле все работать ещё не знаю
источник

🦁

🦁 in Nuxt.js — русскоговорящее сообщество
Деда
У меня есть в планах комменты и лайки обновлять в реалтайме
как планируете решать проблему ререндера компонента при активном постоянном обновлении?
источник

Д

Деда in Nuxt.js — русскоговорящее сообщество
🦁
как планируете решать проблему ререндера компонента при активном постоянном обновлении?
Само же перерисуется по событию
источник

🦁

🦁 in Nuxt.js — русскоговорящее сообщество
Деда
Само же перерисуется по событию
угу. А если их сотни в секунду? Я тут на днях накидал dice-machine для монополии, с детьми играть, чтоб кубики по полу не искать, и запустил сетТаймаут(.., 0) на обновление значений. Для 1-2х ещё норм всё, но на 5-ти кубиках на ноуте заметны пролаги при анимации. Ещё на смартфонах надо глянуть, как оно будет..
источник

🦁

🦁 in Nuxt.js — русскоговорящее сообщество
Деда
Само же перерисуется по событию
^ я к тому, что не только лайки и подобное может обновляться в реалтайме
источник

R

RusaXXX in Nuxt.js — русскоговорящее сообщество
🦁
угу. А если их сотни в секунду? Я тут на днях накидал dice-machine для монополии, с детьми играть, чтоб кубики по полу не искать, и запустил сетТаймаут(.., 0) на обновление значений. Для 1-2х ещё норм всё, но на 5-ти кубиках на ноуте заметны пролаги при анимации. Ещё на смартфонах надо глянуть, как оно будет..
Складываем новые данные в массив и считаем количество. Как только количество достигает лимита кладем в замапенную на компонент переменную
источник

Д

Деда in Nuxt.js — русскоговорящее сообщество
🦁
угу. А если их сотни в секунду? Я тут на днях накидал dice-machine для монополии, с детьми играть, чтоб кубики по полу не искать, и запустил сетТаймаут(.., 0) на обновление значений. Для 1-2х ещё норм всё, но на 5-ти кубиках на ноуте заметны пролаги при анимации. Ещё на смартфонах надо глянуть, как оно будет..
Ну у меня же не все комменты будут рендится заново а добавятся только новые
источник

Д

Деда in Nuxt.js — русскоговорящее сообщество
А по поводу лайков, разве отрисовать новую цифру займёт много ресурсов?
источник

Д

Деда in Nuxt.js — русскоговорящее сообщество
Ну и в реальной жизни при посещаемости в 5-6к в день не так уж много и событий
источник

R

RusaXXX in Nuxt.js — русскоговорящее сообщество
Интересно а у вуя нет никакх оптимизаций в плане того что данные обновляются за микросекунды. Он что будет ререндерить компонент на каждое обновление?
источник

🦁

🦁 in Nuxt.js — русскоговорящее сообщество
Деда
А по поводу лайков, разве отрисовать новую цифру займёт много ресурсов?
нет, конечно. 😁 проблема, естественно, высосана из пальца, но суть в том, что если делать это всё красиво, с анимацией, эффектами и прочими фишками, то в случае с одновременной отрисовкой большого кол-ва даже небольших элементов на протяжении какого-то промежутка времени можно поймать неприятные эффекты интерфейса (фризы, скролл-локи и тп). Ну, я думаю, это все понимают.
источник

Д

Деда in Nuxt.js — русскоговорящее сообщество
RusaXXX
Интересно а у вуя нет никакх оптимизаций в плане того что данные обновляются за микросекунды. Он что будет ререндерить компонент на каждое обновление?
Весь компонент или только то за что переменная отвечает?
источник

R

RusaXXX in Nuxt.js — русскоговорящее сообщество
Деда
Весь компонент или только то за что переменная отвечает?
Только за что отвечает переменная
источник

Д

Деда in Nuxt.js — русскоговорящее сообщество
У меня с этим пробелы. Есть массив комментариев, на каждый комментарий компонент. Если изменить массив отрендрятся все комментарии заново?
источник

🦁

🦁 in Nuxt.js — русскоговорящее сообщество
RusaXXX
Интересно а у вуя нет никакх оптимизаций в плане того что данные обновляются за микросекунды. Он что будет ререндерить компонент на каждое обновление?
тут ещё есть такое, что за отрисовку может отвечать браузерные апи. А они в последние годы это делают очень хорошо (через GPU в том числе).
источник

🦁

🦁 in Nuxt.js — русскоговорящее сообщество
Деда
У меня с этим пробелы. Есть массив комментариев, на каждый комментарий компонент. Если изменить массив отрендрятся все комментарии заново?
нет, если у каждого элемента свой уникальный key
источник

Д

Деда in Nuxt.js — русскоговорящее сообщество
🦁
нет, если у каждого элемента свой уникальный key
Спасибо
источник