Size: a a a

2021 February 09

МТ

Марк Танащук... in Svelte [svelt]
Тонкости
источник

МТ

Марк Танащук... in Svelte [svelt]
источник

МТ

Марк Танащук... in Svelte [svelt]
Наткнулся в 2 своих старых проектах на дублирование setContext и запилил фьючер реквест
источник

МТ

Марк Танащук... in Svelte [svelt]
Вроде без побочек и удобно
источник

КС

Кирилл Спасибович... in Svelte [svelt]
можно ж самому такую функцию сделать ?
источник

МТ

Марк Танащук... in Svelte [svelt]
Кирилл Спасибович
можно ж самому такую функцию сделать ?
Нечто по типу
[
 ["someAction", actionFunc],
 ["findSomething", findFunc],
 ["getSomething", someObject.getMethod]
].forEach(([key, value]) => setContext(key, value));
или

Object.entries({
   "someAction": actionFunc,
   "findSomething": findFunc,
   "getSomething": someObject.getMethod
 }).forEach(([key, value]) => setContext(key, value));


То работает, но читабельность такого под вопросом
источник

КС

Кирилл Спасибович... in Svelte [svelt]
import { setContext as _setContext } from 'svelte';

function setContext(contextObject) {
 Object.entries(contextObject).forEach(([k, v]) => {
   _setContext(k, v);
 });
}

// ...


import { setContext } from './lib.js';

setContext({
 bla: blabla,
 ...
})
источник

МТ

Марк Танащук... in Svelte [svelt]
Кирилл Спасибович
import { setContext as _setContext } from 'svelte';

function setContext(contextObject) {
 Object.entries(contextObject).forEach(([k, v]) => {
   _setContext(k, v);
 });
}

// ...


import { setContext } from './lib.js';

setContext({
 bla: blabla,
 ...
})
Имхо фича приятная, но не настолько важная чтобы дополнительно обертку такую делать
источник

МТ

Марк Танащук... in Svelte [svelt]
Какой из вариантов кому кажется более читабельным и правильным:

{#if condition}
 <Component />
{/if}

Или
<svelte:component this={condition ? Component : null} />

?
источник

МТ

Марк Танащук... in Svelte [svelt]
Лично я бы такое инлайнил в второй вариант, но первый вариант быстрее воспринимается что-ли
источник

NS

Nikita Sologub in Svelte [svelt]
Марк Танащук
Какой из вариантов кому кажется более читабельным и правильным:

{#if condition}
 <Component />
{/if}

Или
<svelte:component this={condition ? Component : null} />

?
1
источник

М

Максим in Svelte [svelt]
Марк Танащук
Какой из вариантов кому кажется более читабельным и правильным:

{#if condition}
 <Component />
{/if}

Или
<svelte:component this={condition ? Component : null} />

?
1
источник

UR

Uncle Robot in Svelte [svelt]
Добрый день, Свелтейшие!
Не знаю сюда вопрос или нет: как отключить удаление "ненужных" css классов при сборке?
Вообще они нужны, но программа думает иначе и это вызывает у меня грусть и боли в правом боку.
источник

М

Максим in Svelte [svelt]
Uncle Robot
Добрый день, Свелтейшие!
Не знаю сюда вопрос или нет: как отключить удаление "ненужных" css классов при сборке?
Вообще они нужны, но программа думает иначе и это вызывает у меня грусть и боли в правом боку.
Это у всех такая боль
источник

UR

Uncle Robot in Svelte [svelt]
Максим
Это у всех такая боль
боль с css или в правом боку? :)
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
по идее можно было бы просто запилить опцию компилятору на уровне компилятор/компонент, как все остальные опции
источник

UR

Uncle Robot in Svelte [svelt]
т.е. никак не решить эту проблему?
Конечно можно подключить css с нужными стилями в index.html...
источник

КС

Кирилл Спасибович... in Svelte [svelt]
Uncle Robot
Добрый день, Свелтейшие!
Не знаю сюда вопрос или нет: как отключить удаление "ненужных" css классов при сборке?
Вообще они нужны, но программа думает иначе и это вызывает у меня грусть и боли в правом боку.
пометь их глобалом
в любом случае если они пометились как неиспользуемые, то элемент к которому они применяются не найден, и там хэш не добавлен

можешь сделать

:global {
 do not delete these styles
}
источник

UR

Uncle Robot in Svelte [svelt]
Кирилл Спасибович
пометь их глобалом
в любом случае если они пометились как неиспользуемые, то элемент к которому они применяются не найден, и там хэш не добавлен

можешь сделать

:global {
 do not delete these styles
}
Да, элемент генерируется кодом.
Спасибо!
источник

КС

Кирилл Спасибович... in Svelte [svelt]
Uncle Robot
Да, элемент генерируется кодом.
Спасибо!
а лучше ещё будет local global, если они генерируются в элементе, который свелт находит, то делай так:

.some-element :global .some-class {}
источник