Size: a a a

2021 March 17

МТ

Марк Танащук... in Svelte [svelt]
В рутовом компоненте не место для 150 строк css нормализации(у меня меньше но он такой)
источник

МТ

Марк Танащук... in Svelte [svelt]
Dan Kozlov
Потому что зачем так делать.
Если тебе нужны глобальные стили, делай глобальные стили в рутовом компоненте.

Этот хак, который я дал, для того, чтобы импортировать хелперы разнохарактерные, типа переменных, миксинов и прочего.
Типографика, theme.scss с primary и secondary цветами для параграфов и заголовков. Примеров уйма
источник

МТ

Марк Танащук... in Svelte [svelt]
Лучше когда все разделено и удобно вставлено в конфиг
В правильном порядке и все на своем месте
источник

МТ

Марк Танащук... in Svelte [svelt]
И свелт кричит в муках когда вставляются неиспользуемые стили
источник

DK

Dan Kozlov in Svelte [svelt]
Ты написал реплай на мой способ, который препендит одинаковый код к всем компонентам с scss-стилями.
Задача этой штуки — импортировать нужные инструменты, переменные или миксины.
К чему ты мне сейчас про ресеты, темы и прочее?
источник

RS

Ruslan Shakirov in Svelte [svelt]
Dan Kozlov
У меня, честно сказать, не работал переход к сурцам никак и никогда. У вас работает?
Неа, не пашет
источник

DK

Dan Kozlov in Svelte [svelt]
Ruslan Shakirov
Неа, не пашет
Да, потому что для этого лэнг сервер должен отрабатывать. Мне кажется, этого нет и вряд ли когда-нибудь будет, очень комплексная и сложная фича.
источник

МТ

Марк Танащук... in Svelte [svelt]
Dan Kozlov
Ты написал реплай на мой способ, который препендит одинаковый код к всем компонентам с scss-стилями.
Задача этой штуки — импортировать нужные инструменты, переменные или миксины.
К чему ты мне сейчас про ресеты, темы и прочее?
К тому, что prependData на то и prependData, чтобы вставлять необходимые любому компоненту стили и не обязательно в нем должны импортироваться только миксины и переменные.
источник

МТ

Марк Танащук... in Svelte [svelt]
Это удобный инструмент и для вставки стилей тем и нормализации и как раз в этом случае линтер свелта бесится и его никак от этого не остановить
источник

DK

Dan Kozlov in Svelte [svelt]
Марк Танащук
К тому, что prependData на то и prependData, чтобы вставлять необходимые любому компоненту стили и не обязательно в нем должны импортироваться только миксины и переменные.
Но не существует стилей, которые нужны любому компоненту. Это же бредятина, Марк.
Можно препендом пользоваться хоть чтобы сатану вызывать и пентаграммы в консоли выводить, но это неконвенциональное использование.
У меня 300 компонентов. Если я буду препендом пользоваться, который будет генерировать код, он вставит мне его во все 300 компонентов.
источник

AB

Alex Bekhtin in Svelte [svelt]
Вопрос про UI-киты/фреймворки поднимался не раз.
Я так и не понял, почему именно под Svelte они "не возможны", но не об этом.
Подниму эту тему, и сразу скажу, у меня Enterprise.
От Material для десктопа подташнивает. Из всего под Svelte наиболее качественным (не самым красивым и фичастым)  показался Carbon. И... всё.
Отдельные компоненты тоже имеют проблемы. virtual-list не прокручивается с клавиатуры, застревает после пары строк. Реактовский virtualized справился.
svelte-select рисует раскрывушку рядом, а не в стиле модалки/попапа, как это делают некоторые фреймворки, чтобы оно было точно поверх всего и overflow им был нипочём. Но компонент скопирован с реактовского и там аналогично.
У других фремворков тоже не всё так гладко. Понравился ant-design и vue-elements.
Вопрос 1: Это у меня в голове такое восприятие ситуации с фреймворками или приблизительно так и есть?
Вопрос 2: Если бы нашёлся "сумасшедший", готовый перенести  UI-фреймворк, то какой бы вы хотели видеть в экосистеме svelete?
источник

МТ

Марк Танащук... in Svelte [svelt]
Dan Kozlov
Но не существует стилей, которые нужны любому компоненту. Это же бредятина, Марк.
Можно препендом пользоваться хоть чтобы сатану вызывать и пентаграммы в консоли выводить, но это неконвенциональное использование.
У меня 300 компонентов. Если я буду препендом пользоваться, который будет генерировать код, он вставит мне его во все 300 компонентов.
Всмысле не существует? Типографика и стили контейнеров это первое что в голову приходит.

Он тебе вставит в все 300 компонентов и очистит от неиспользуемых. Итоговый css не всегда больше чем если в рутовом компоненте расписать.

<style>
 .root {
   :global {
      /* imports */
   }
 }
</style>

Который не будет очищать стили и будет дублировать root каждому из них.

А без него стили вытекают наружу если глобалом применять просто к стилям.
источник

МТ

Марк Танащук... in Svelte [svelt]
Я уже молчу про то что максимум какой оверхед ты получишь - около 5-25 кб css кода которые ты можешь тоже получить неправильно сжав одну фотку
источник

МТ

Марк Танащук... in Svelte [svelt]
Или сэкономить убрав 1-2 цвета из png
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
Alex Bekhtin
Вопрос про UI-киты/фреймворки поднимался не раз.
Я так и не понял, почему именно под Svelte они "не возможны", но не об этом.
Подниму эту тему, и сразу скажу, у меня Enterprise.
От Material для десктопа подташнивает. Из всего под Svelte наиболее качественным (не самым красивым и фичастым)  показался Carbon. И... всё.
Отдельные компоненты тоже имеют проблемы. virtual-list не прокручивается с клавиатуры, застревает после пары строк. Реактовский virtualized справился.
svelte-select рисует раскрывушку рядом, а не в стиле модалки/попапа, как это делают некоторые фреймворки, чтобы оно было точно поверх всего и overflow им был нипочём. Но компонент скопирован с реактовского и там аналогично.
У других фремворков тоже не всё так гладко. Понравился ant-design и vue-elements.
Вопрос 1: Это у меня в голове такое восприятие ситуации с фреймворками или приблизительно так и есть?
Вопрос 2: Если бы нашёлся "сумасшедший", готовый перенести  UI-фреймворк, то какой бы вы хотели видеть в экосистеме svelete?
все возможно, просто свелт лучше всего себя показывает в кастомных UI и кажется большая часть его так и использует. если найдется тот кто может себе позволить сделать и поддерживать качественный ui kit, очевидно прежде всего для своих нудж, то думаю аудитория также найдется
источник

МТ

Марк Танащук... in Svelte [svelt]
Препенд просто копипастит стили в каждый компонент и потом проходит ровно такой же процесс очистки от неиспользуемого css как и вручную вставив стили
источник

DK

Dan Kozlov in Svelte [svelt]
Alex Bekhtin
Вопрос про UI-киты/фреймворки поднимался не раз.
Я так и не понял, почему именно под Svelte они "не возможны", но не об этом.
Подниму эту тему, и сразу скажу, у меня Enterprise.
От Material для десктопа подташнивает. Из всего под Svelte наиболее качественным (не самым красивым и фичастым)  показался Carbon. И... всё.
Отдельные компоненты тоже имеют проблемы. virtual-list не прокручивается с клавиатуры, застревает после пары строк. Реактовский virtualized справился.
svelte-select рисует раскрывушку рядом, а не в стиле модалки/попапа, как это делают некоторые фреймворки, чтобы оно было точно поверх всего и overflow им был нипочём. Но компонент скопирован с реактовского и там аналогично.
У других фремворков тоже не всё так гладко. Понравился ant-design и vue-elements.
Вопрос 1: Это у меня в голове такое восприятие ситуации с фреймворками или приблизительно так и есть?
Вопрос 2: Если бы нашёлся "сумасшедший", готовый перенести  UI-фреймворк, то какой бы вы хотели видеть в экосистеме svelete?
Я по всему вопросу не спец (не энтерпрайз, не пользую UI-фреймворки).
Но с виртуал-листом стоит отметить, что есть "официальный", а есть несколько решений от комьюнити, которые, вроде, по всем фичам лучше.
источник

DK

Dan Kozlov in Svelte [svelt]
Марк Танащук
Всмысле не существует? Типографика и стили контейнеров это первое что в голову приходит.

Он тебе вставит в все 300 компонентов и очистит от неиспользуемых. Итоговый css не всегда больше чем если в рутовом компоненте расписать.

<style>
 .root {
   :global {
      /* imports */
   }
 }
</style>

Который не будет очищать стили и будет дублировать root каждому из них.

А без него стили вытекают наружу если глобалом применять просто к стилям.
Тут много уровней ада, поэтому я, наверное, промолчу.
источник

МТ

Марк Танащук... in Svelte [svelt]
Pavel 🦇 Malyshev
все возможно, просто свелт лучше всего себя показывает в кастомных UI и кажется большая часть его так и использует. если найдется тот кто может себе позволить сделать и поддерживать качественный ui kit, очевидно прежде всего для своих нудж, то думаю аудитория также найдется
Без svelte:element делать библиотеку компонентов дико неудобно
источник

МТ

Марк Танащук... in Svelte [svelt]
Жду его и до тех пор приостановил разработку своей либы
источник