Size: a a a

2020 April 12

DN

Denys Novakov in Svelte [svelt]
Th0r
если ты ожидаешь что будет переход на другую страницу - можно в компоненте, можно где-то еще. например при заполнении формы можно делать префетч при фокусе на последний инпут.
можно в линки просто rel="prefetch" добавить, тогда при наведении мышкой на ссылку будет предварительно загружаться страница, но это только ссылки
В общем понятно, спасибо.
источник

T

Th0r in Svelte [svelt]
Denys Novakov
Как бы скачивать файл это всегда задержка. Если он на пару КБ, то лучше бы сразу, хотя тут да, всё зависит от ситуации.
да не, если http2, то задержки практически нет, там даже свг\пнг спрайты не рекомендуют в один собирать, а как у тебя есть 200-300байт файл, так и отправляй
источник

И

Игорь in Svelte [svelt]
Помогите разобраться с prettier в vscode. По команде все форматирует, а по сохранению все, кроме svelte. Пробовал и со стороны eslint и самого форматера. Оба дополнения установлены
источник

М

Максим in Svelte [svelt]
Подскажите, как лучше, я стили на less делаю, вот я грид систему если импортирую в каждый компонент, на выходу будет куча дублей css после билда? или ее недо в паблик папку сбилдить и подключить в хтмл?
источник

М

Максим in Svelte [svelt]
в теории надо грид билдить отдельно и полтягивать в хтмл, а по факту? )
источник

DN

Denys Novakov in Svelte [svelt]
Максим
Подскажите, как лучше, я стили на less делаю, вот я грид систему если импортирую в каждый компонент, на выходу будет куча дублей css после билда? или ее недо в паблик папку сбилдить и подключить в хтмл?
Я не пробовал, но может модификатор :global поможет избавиться от дублей.
источник

DN

Denys Novakov in Svelte [svelt]
Arushwl
А! Спасибо.
Я думал о учебнике, а написал "в документации".
Тут всё прекрасно описано:
https://ru.svelte.dev/tutorial/sharing-code
источник

MZ

Misha Zamkevich in Svelte [svelt]
Максим
в теории надо грид билдить отдельно и полтягивать в хтмл, а по факту? )
Отдельный файл для грид
.системы — хорошее решение.
источник

A

Arushwl in Svelte [svelt]
Вьюха с переключалкой grid/list )
источник

DN

Denys Novakov in Svelte [svelt]
Th0r
если ты ожидаешь что будет переход на другую страницу - можно в компоненте, можно где-то еще. например при заполнении формы можно делать префетч при фокусе на последний инпут.
можно в линки просто rel="prefetch" добавить, тогда при наведении мышкой на ссылку будет предварительно загружаться страница, но это только ссылки
Я тут прикинул и получается что у подхода с  prefetchRoutes есть плюсы. Отрисовывается сайт и уже потом скачиваются остальные роуты.
источник

DN

Denys Novakov in Svelte [svelt]
В смысле - по сравнении с подходом "всё одним файлом".
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
Denys Novakov
Кстати, раз уж мы о совместном контексте одинаковых модулей, допустим у меня создаётся несколько одинаковых моделей и в них есть допустим хелперы или хендлеры. Есть ли смысл переносить из в совместный контекст? Насколько я заметил, код бандла будет на пару КБ больше.
И еще вопрос к Павлу. На одном из докладов ты говорил, что хелперам надо передавать аргументы, то есть чтобы они не брали из из замыкания. Это просто так принято или это влияет на что-то?
Особого смысла нет мне кажется. Если только надо давать какие-то публичные функции не привязанные к конкретному экземпляру.

По поводу второго вопроса, это нужно для того, чтобы функции срабатывали автоматически при изменении связанных данных. Если стейт просто замкнут внутри функции, она не будет вызываться при его изменении, только если функцию вызвать (например по событию). Но если этот стейт передан параметрами прям в шаблоне типа {func(foo, bar)} то она будет вызвана если foo или bar изменились
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
Кстати, часто бывает что некие вычисления делаются на основе нескольких состояний, но триггкриться должны только на изменение некоторых. Тогда можно комбинировать подходы.
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
Denys Novakov
А так должно быть? Я просто не особо в этом разбираюсь, но мне почему-то казалось, что в SPA должны докачиваться только данные, если они нужны. Вот не знаю как это в Next работает, не могу найти работающего примера.
Так же и происходит. Дакачивается только то что нужно и когда это нужно.
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
Максим
Подскажите, как лучше, я стили на less делаю, вот я грид систему если импортирую в каждый компонент, на выходу будет куча дублей css после билда? или ее недо в паблик папку сбилдить и подключить в хтмл?
Можно делать как я - принять за правило что в App.svelte подключаются глобальные стили и юзать там атрибут global из svelte-preprocess
источник

IB

Ivan Baidiuk 🦅 in Svelte [svelt]
Всем привет) Нашел в одном из слайдеров вот такую штуку import Siema from 'siema’. Что это?
источник

A

Arushwl in Svelte [svelt]
источник

IB

Ivan Baidiuk 🦅 in Svelte [svelt]
как на свелт посчитать количество елементов с определенным классом на странице?
источник

G

GNU/Vsevolod in Svelte [svelt]
Ivan Baidiuk 🦅
как на свелт посчитать количество елементов с определенным классом на странице?
document.querySelectorAll('tag.class').length
источник

М

Мышб in Svelte [svelt]
Misha Zamkevich
Это ещё туда-сюда. У меня всё ещё хуже 🙈
А я переменные css в инлайн стилях использовал для того, чтобы сделать переключение светлой/темной темы
источник