Size: a a a

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

2020 October 15

R

RusaXXX in Nuxt.js — русскоговорящее сообщество
Блин чето я в этих тестах запутался
Есть компонент, он обязательно должен эмитить эвент input

test('textarea emit input event', () => {
   const value = 'Test input event';
   wrapper.vm.$emit('input', value);

   expect(wrapper.emitted().input).toBeTruthy();
   expect(wrapper.emitted().input[0]).toStrictEqual([value])
 });


Какой-то некорректный тест
Если я в компоненте убираю this.$emit('input', value)
То тест все равно проходит.
источник

A

Alexander in Nuxt.js — русскоговорящее сообщество
Maxim Kostenko
Но мне кажется что вы делаете преждевременную оптимизацию
Есть страница "Покупки" и такая же "Продажи". В заголовках разный текст, в таблицах разный контенкт. Структура 1 в 1 почти. Как правильнее всего было бы сделать
источник

MK

Maxim Kostenko in Nuxt.js — русскоговорящее сообщество
Да но это миллисекунды. Рендеринг таблицы больше отберет
источник

A

Alexander in Nuxt.js — русскоговорящее сообщество
Maxim Kostenko
Да но это миллисекунды. Рендеринг таблицы больше отберет
С каждого юзера по милисекнде = меньше потраченного электричества = меньше загрязнений планеты = больше живых белок 😂 О природе думать надо

Но больше стоит вопрос правильности конструкции. Если я сменю стиль заголовка, или пагинации, то чтобы она везде сменилась, а не ходить перетыкивать классы или типа того. Да и загрузки это тоже касается. Динамик роуты правильнее по идеии тут юзать
источник

R

RusaXXX in Nuxt.js — русскоговорящее сообщество
RusaXXX
Блин чето я в этих тестах запутался
Есть компонент, он обязательно должен эмитить эвент input

test('textarea emit input event', () => {
   const value = 'Test input event';
   wrapper.vm.$emit('input', value);

   expect(wrapper.emitted().input).toBeTruthy();
   expect(wrapper.emitted().input[0]).toStrictEqual([value])
 });


Какой-то некорректный тест
Если я в компоненте убираю this.$emit('input', value)
То тест все равно проходит.
Разобрался, надо не эммиить события а вызывать методы компонента, которыее эммитят события
источник

MK

Maxim Kostenko in Nuxt.js — русскоговорящее сообщество
Alexander
С каждого юзера по милисекнде = меньше потраченного электричества = меньше загрязнений планеты = больше живых белок 😂 О природе думать надо

Но больше стоит вопрос правильности конструкции. Если я сменю стиль заголовка, или пагинации, то чтобы она везде сменилась, а не ходить перетыкивать классы или типа того. Да и загрузки это тоже касается. Динамик роуты правильнее по идеии тут юзать
Тут нужно думать на уровне компонента. У вас должен быть компонент куда вы передаете текст заголовка и данные для таблицы, а он уже рендерит с нужными стилями
источник

MK

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

MK

Maxim Kostenko in Nuxt.js — русскоговорящее сообщество
Если один и тот же компонент используется на нескольких страницах, то он будет один раз загружен
источник

A

Alexander in Nuxt.js — русскоговорящее сообщество
Maxim Kostenko
Тут нужно думать на уровне компонента. У вас должен быть компонент куда вы передаете текст заголовка и данные для таблицы, а он уже рендерит с нужными стилями
так получится что-то такое. Каждый раз на страницу тыкаю и оно весь html нахрен посылать будет и опять вставлять. А если бы менялись только пропы, то все остается, только контент внутри некоторых тегов меняется
источник

MK

Maxim Kostenko in Nuxt.js — русскоговорящее сообщество
А ты в каком режиме делаешь?
источник

MK

Maxim Kostenko in Nuxt.js — русскоговорящее сообщество
Universal?
источник

A

Alexander in Nuxt.js — русскоговорящее сообщество
Maxim Kostenko
Universal?
да
источник

MK

Maxim Kostenko in Nuxt.js — русскоговорящее сообщество
Ну так он же не грузит весь хтмл заново
источник

MK

Maxim Kostenko in Nuxt.js — русскоговорящее сообщество
Когда ты переходишь кликая по ссылке оно работает как spa
источник

MK

Maxim Kostenko in Nuxt.js — русскоговорящее сообщество
Общие компоненты по дефолту будут в отдельном бандле и будут переиспользованы
источник

A

Alexander in Nuxt.js — русскоговорящее сообщество
Maxim Kostenko
Ну так он же не грузит весь хтмл заново
ну не весь, а что внутри page. Layout остается
источник

A

Alexander in Nuxt.js — русскоговорящее сообщество
По сути оно же удалит html pag'a, а потом его вставит заново
источник

MK

Maxim Kostenko in Nuxt.js — русскоговорящее сообщество
Да, но как-то так работают все аппликухи. Я бы не сказал, что клиентские переходы это проблема для накста. Гораздо больше проблема в медленном ssr
источник

Г

Георгий in Nuxt.js — русскоговорящее сообщество
Maxim Kostenko
Да, но как-то так работают все аппликухи. Я бы не сказал, что клиентские переходы это проблема для накста. Гораздо больше проблема в медленном ssr
А есть где нибудь бенчмарки разных SSR систем? Слышал что типо самый быстрый SSR у Sapper.
источник

SL

Stanislav Lashmanov in Nuxt.js — русскоговорящее сообщество
Георгий
А есть где нибудь бенчмарки разных SSR систем? Слышал что типо самый быстрый SSR у Sapper.
Всегда можно закидать железом
источник