только на определенном устройстве. Например, другой header для мобильной разметки, так как он сильно отличается структурно.
На Реакт, обычно рендерил оба, но задавал правило display: none.
Чувствую, глупая идея, но работало.
Можно ли на Свелт использовать {#if} для подобных целей? Нужно просто проверять matchMedia или обязательно подписываться на clientWidth? Если да, то какой способ оптимальнее и адекватнее?
matchMedia лучше из этих двух Но интереснее наверное использовать какой-то клиент-детектор
Кстати, вопрос в тему. А как вы решаете выбор клиента в SSR (user-agent?) - или всё рендерите?
Я тоже склоняюсь к нему. Правда, если поменять размер экрана вживую, придется перезагружать страницу. Для пользователя, думаю, вряд ли этот кейс будет заметен. Но проблема явно есть...
Нет опыта с ssr пока)
Изначально хотел использовать этот вариант 🤔 но решил использовать event с match media, мне кажется он для моего случая лучше подходит
Вот любопытная штука со стором https://github.com/cibernox/svelte-media
Очень удобный api, добавил в закладки. Спасибо!
Обсуждают сегодня