Size: a a a

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

2019 December 30

ИБ

Илья Бельский in Nuxt.js — русскоговорящее сообщество
Valar Morghulis
Хм. Типа ивент не надо будет хукать?
угу
источник

SL

Stanislav Lashmanov in Nuxt.js — русскоговорящее сообщество
Илья Бельский
и вместо resize, можно resize observer заюзать 🙂
Оно же только для window, нафига там resize observer :)
источник

ИБ

Илья Бельский in Nuxt.js — русскоговорящее сообщество
ну, удобнее - и всегда может возникнуть ситуация когда не только виндоу потребуется детектить
источник

SL

Stanislav Lashmanov in Nuxt.js — русскоговорящее сообщество
Илья Бельский
я бы как минимум добавил еще тротлинг
Тротлинг для ресайза не подходит, ты можешь пропустить последнее значение. И тротлить правильно будет в самом компоненте, а не в обработчике события.
источник

ИБ

Илья Бельский in Nuxt.js — русскоговорящее сообщество
хмм
источник

SL

Stanislav Lashmanov in Nuxt.js — русскоговорящее сообщество
Мне не заходит подход с миксинами на ресайз, если у тебя 20 компонентов которые слушают одно и то же событие у тебя будет 20 созданий обработчика. Такое себе.
источник

SL

Stanislav Lashmanov in Nuxt.js — русскоговорящее сообщество
Плюс докручиваем сюда реактивность и получаем лишний оверхед на обработчики.
источник

VM

Valar Morghulis in Nuxt.js — русскоговорящее сообщество
Stanislav Lashmanov
Мне не заходит подход с миксинами на ресайз, если у тебя 20 компонентов которые слушают одно и то же событие у тебя будет 20 созданий обработчика. Такое себе.
Поделись тогда идеей, как бы ты это сделал)
источник

SL

Stanislav Lashmanov in Nuxt.js — русскоговорящее сообщество
Во вью же решена эта проблема реактивностью. Слушаешь в одном месте, через реактивность подписываешься во всех остальных местах
источник

SL

Stanislav Lashmanov in Nuxt.js — русскоговорящее сообщество
Valar Morghulis
Поделись тогда идеей, как бы ты это сделал)
Сегодня скидывал даже: https://github.com/CyberAP/vue-provide-responsive
источник

ИБ

Илья Бельский in Nuxt.js — русскоговорящее сообщество
Stanislav Lashmanov
Мне не заходит подход с миксинами на ресайз, если у тебя 20 компонентов которые слушают одно и то же событие у тебя будет 20 созданий обработчика. Такое себе.
лично я это делаю в корневом компоненте, и значение в сторе храню (mobile/desktop)
источник

ИБ

Илья Бельский in Nuxt.js — русскоговорящее сообщество
но тут уже не про нукст речь
источник

VM

Valar Morghulis in Nuxt.js — русскоговорящее сообщество
Илья Бельский
лично я это делаю в корневом компоненте, и значение в сторе храню (mobile/desktop)
А стор можно прототипировать? Чтобы глобальный объект был для всех компонентов
источник

SL

Stanislav Lashmanov in Nuxt.js — русскоговорящее сообщество
Ну в наксте будет проблема при SSR, я её решил через дефолтную ширину и этот метод очень неплохо работает
источник

SL

Stanislav Lashmanov in Nuxt.js — русскоговорящее сообщество
Вчера целый день потратил чтобы сделать пример для предиктивного рендера, когда мы пытаемся угадать что за экран по user agent. И оно работает. Можно сразу же рендерить раскладку для телефона при первом запросе.
источник

ИБ

Илья Бельский in Nuxt.js — русскоговорящее сообщество
Valar Morghulis
А стор можно прототипировать? Чтобы глобальный объект был для всех компонентов
я лично отказался от вьюкса в проекте котором делал это все - и там на эффекторе сделал, работает вполне неплохо, надо и с нукстом будет попробовать
источник

SL

Stanislav Lashmanov in Nuxt.js — русскоговорящее сообщество
Илья Бельский
я лично отказался от вьюкса в проекте котором делал это все - и там на эффекторе сделал, работает вполне неплохо, надо и с нукстом будет попробовать
От компонента провайдера тогда никуда не денешься, данные же надо как-то перекидывать с сервера на клиент
источник

ИБ

Илья Бельский in Nuxt.js — русскоговорящее сообщество
да, стору я там инжектю)
источник

VM

Valar Morghulis in Nuxt.js — русскоговорящее сообщество
Илья Бельский
я лично отказался от вьюкса в проекте котором делал это все - и там на эффекторе сделал, работает вполне неплохо, надо и с нукстом будет попробовать
а почему отказался?)
источник

SL

Stanislav Lashmanov in Nuxt.js — русскоговорящее сообщество
А с provide inject оно из коробки в наксте работает, весьма удобно что не надо держать глобальный провайдер в дереве компонентов
источник