Size: a a a

Svelte [svelt] - All about Svelte JavaScript framework.

2021 November 06

MS

M S in Svelte [svelt] - All about Svelte JavaScript framework.
Вот соглашусь. Эти простыни импортов во всех фреймворках раздражают. Хотелось бы чего-то более интеллектуального.
источник

MS

M S in Svelte [svelt] - All about Svelte JavaScript framework.
stores. Учебник явно нужно прочитать
Если сторы не годятся по религиозным соображениям - можно ванильку юзать
источник

MS

M S in Svelte [svelt] - All about Svelte JavaScript framework.
Можно использовать переменные в стилях компонент. Курили уже?

https://github.com/srmullen/svelte-reactive-css-preprocess
источник

ER

Eric Rovell in Svelte [svelt] - All about Svelte JavaScript framework.
Лучше использовать style строку и пихать туда переменные из JS.
Если тащить переменные в CSS из скрипта, то придется для каждого инстанса компонента генерировать разный набор CSS.

<Component style="—some-var: {var};" />

Ну или тот сахар с пулей в ногу "невидимым" div использовать.
источник

AP

Alexander Ponomarev in Svelte [svelt] - All about Svelte JavaScript framework.
уже обмусолили 10 раз что это юзлес хрень)
источник

AP

Alexander Ponomarev in Svelte [svelt] - All about Svelte JavaScript framework.
она переменные на html выставляет
источник

ER

Eric Rovell in Svelte [svelt] - All about Svelte JavaScript framework.
Почему просто в style не прописать переменные? Тащить непонятно что ради такой мелочи.
источник

AP

Alexander Ponomarev in Svelte [svelt] - All about Svelte JavaScript framework.
потому что маги собрались вокруг и хотят чтобы все было само, а если бы можно было все само оно бы точно родилось не в свелте)
источник

AP

Alexander Ponomarev in Svelte [svelt] - All about Svelte JavaScript framework.
кому-то импорты не нравятся, хотя я их уже лет 5 не писал их IDE сама делает, но конечно же не в свелт потому что свелт особенный ему нужно 10 прослоек написать чтобы базовый функционал в IDE заработал)
источник

AP

Alexander Ponomarev in Svelte [svelt] - All about Svelte JavaScript framework.
и еще нужно обязательно сказать import type или не type
источник

MS

M S in Svelte [svelt] - All about Svelte JavaScript framework.
Разве?
<Component bc= {var} />

в компоненте
export let bc = '#fff';
<style>
 .class {
   background-color: var(--bc);
 }
</style>


так ведь, вроде.
источник

MS

M S in Svelte [svelt] - All about Svelte JavaScript framework.
— Лучше использовать style строку и пихать туда переменные из JS.

Это как?
источник

3V

36944 Vovka in Svelte [svelt] - All about Svelte JavaScript framework.
А разве не надо ещё в инлайн стилях передать значение css переменной?
<div style="--bc:{bc}"> ...
как то так?
источник

MS

M S in Svelte [svelt] - All about Svelte JavaScript framework.
в том препроцессоре нет.
источник

3V

36944 Vovka in Svelte [svelt] - All about Svelte JavaScript framework.
ок
источник

AP

Alexander Ponomarev in Svelte [svelt] - All about Svelte JavaScript framework.
в том препроцессоре творится шлак, он эти переменные прописывает в document.documentElement что соответственно устанавливает одинаковые значения всем инстансам компонентов, даже если они должны быть разными
источник

MS

M S in Svelte [svelt] - All about Svelte JavaScript framework.
Да ладно? Вот прикол
источник

3V

36944 Vovka in Svelte [svelt] - All about Svelte JavaScript framework.
ну... для одних - это плохо, для других - хорошо )
источник

MS

M S in Svelte [svelt] - All about Svelte JavaScript framework.
И если 3 инстанса каждый сос своими компонентами, то установиться только последний?
источник

AP

Alexander Ponomarev in Svelte [svelt] - All about Svelte JavaScript framework.
настрой да проверь
источник