Size: a a a

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

2020 December 12

MK

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

СР

Сергей Рыжков... in Nuxt.js — русскоговорящее сообщество
Maxim Kostenko
Я считаю вы должны мыслить компонентами а не неймингом на уровне Цсс
?
источник

K

Kevin in Nuxt.js — русскоговорящее сообщество
Maxim Kostenko
Пример в статье откровенно не убедителен. Создалось мнение что автор под цсс модулями понимает что-то другое
Да аргументация мне тоже не очень понравилась. Решил здесь спросить.
источник

K

Kevin in Nuxt.js — русскоговорящее сообщество
Сергей Рыжков
По стилям, меня коллега по проекту с этого чата приучил к бустрапрвским утилитных стилям, я долго сопротивляться.
А потом понял..., мы понимаем друг друга с пол тычка, d-none d-md-block и все понятно. И все минималистически, и быстро в разработке
Это же хороший подход. Очень часто приходится писать flex grid в стилях
источник

NK

ID:0 in Nuxt.js — русскоговорящее сообщество
"How to translate slugs with Nuxt.js and Storyblok"

https://www.storyblok.com/tp/nuxtjs-translated-slugs
источник

MK

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

MK

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

СР

Сергей Рыжков... in Nuxt.js — русскоговорящее сообщество
Maxim Kostenko
Есть компонент у него есть props все изменения идут через пропсы. Цсс нейминг должен быть понятен на уровне компонента
Ну... Тут надо делить стили на общие, определяющие общее планировочное размещение, и стили присущи компоненту. Если это список плиток чего нить, не думаю что это компоненте, это флекс или грид с общими по всему проекту отступами и полями
источник

СР

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

K

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

СР

Сергей Рыжков... in Nuxt.js — русскоговорящее сообщество
Шо за суббота,... Походу только у Андрея (Назарова), хватает тяги отвечать на такие вопросы
источник

NK

Nikolay Koshkarev in Nuxt.js — русскоговорящее сообщество
Alexey M.
Используй модуль pagespeed в nginx и не парься. Если хочешь запариться, то тогда анализируй бандл.
так и не понял, что этот модуль полезного делает - выпилил
источник

NK

Nikolay Koshkarev in Nuxt.js — русскоговорящее сообщество
по поводу pagespeed:
ssr или ssg не особо важно. что сильно важно:
1. отсутствие лишних данных. Например, страница постов, на ней показываются заголовок, автор, дата. Мы в api запрашиваем посты, т.е. в asyncData у нас чтото вроде:  
asyncData({$axios}) {
 const posts = (await $axios.get('/api/v1/posts')).data
 return {posts}
}
НО! нам не нужны сами посты, нужны только заголовок, автор, дата - поэтому надо смапить эти данные, т.е.
return {posts: posts.map(post => ({title: post.title}))}

так себе пример, но идея должна быть понятна
2. использовать lazyhydration
3. ну и само собой простые рекомендации, вроде lazyload изображений
4. если есть возможность (для сео блоки не важные) lazyload компонентов
источник

NK

Nikolay Koshkarev in Nuxt.js — русскоговорящее сообщество
ааа, забыл - боль и страдания: метрики и живосайт
отложить загрузку все этого говна на 5с
источник

NK

Nikolay Koshkarev in Nuxt.js — русскоговорящее сообщество
5с - не с потолка, именно этот интервал используется в лайтхауз, для определения времени блокировки потока
источник

R

RusaXXX in Nuxt.js — русскоговорящее сообщество
Nikolay Koshkarev
5с - не с потолка, именно этот интервал используется в лайтхауз, для определения времени блокировки потока
А если просто async поставить разве будет блокировка?
источник

NK

Nikolay Koshkarev in Nuxt.js — русскоговорящее сообщество
да
источник

R

RusaXXX in Nuxt.js — русскоговорящее сообщество
Почему?
источник

NK

Nikolay Koshkarev in Nuxt.js — русскоговорящее сообщество
скрипт загружается и исполняется
источник

R

RusaXXX in Nuxt.js — русскоговорящее сообщество
Но не в основном потоке
источник