Size: a a a

2020 October 31

S

SlavaZ in Svelte [svelt]
так?
источник

S

SlavaZ in Svelte [svelt]
<script>
let params = {};

function foo(){
 return {
  update(props) {
   Object.keys(props).forEach(key => {
    params[key] = props[key];
   });
  },
  destroy() {
   node.removeEventListener('mousedown', onDown);
   node.removeEventListener('touchstart', onDown);
  }
 }
}
</script>
источник

MZ

Misha Zamkevich in Svelte [svelt]
SlavaZ
<script>
let params = {};

function foo(){
 return {
  update(props) {
   Object.keys(props).forEach(key => {
    params[key] = props[key];
   });
  },
  destroy() {
   node.removeEventListener('mousedown', onDown);
   node.removeEventListener('touchstart', onDown);
  }
 }
}
</script>
В том и дело, что нет никакого params, this, etc

Там в начале просто деструктуризация.
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
Misha Zamkevich
В том и дело, что нет никакого params, this, etc

Там в начале просто деструктуризация.
Тогда никак. Лучше держать в объекте когда много свойств
источник

MZ

Misha Zamkevich in Svelte [svelt]
Pavel 🦇 Malyshev
Тогда никак. Лучше держать в объекте когда много свойств
Хорошо, спасибо за попытку ))
источник

ВГ

Вячеслав Гримальский... in Svelte [svelt]
eval(var_name + ‘ = ‘ value) ?)
источник

ВГ

Вячеслав Гримальский... in Svelte [svelt]
Да простят меня боги программирования
источник

S

SlavaZ in Svelte [svelt]
нет. так не сработает
источник

S

SlavaZ in Svelte [svelt]
точнее сработает совсем не так
источник

S

SlavaZ in Svelte [svelt]
магия свелте пропадет
источник

ВГ

Вячеслав Гримальский... in Svelte [svelt]
а, точно
источник

AP

Andrey Polyakov in Svelte [svelt]
fivem
В простом тестовом проекте использовал ui sveltestrap, который просто добавляет элементам бутстраповские классы, css в бандл не входит.
Минифицированный js бандл весил *267кб*, сейчас заменил все <Card><Col>... на <div class="card"><div class="col">... и js бандл стал весить *201кб*. + Автоматом получил возможность использовать use, animate, transition на элементах т.к. элементы стали нативными.
Замену произвел в 14-ти компонентах.
Заметил, чем чаще использовал инпуты из sveltestrap, тем быстрее рос размер.
66кб как-то много для оберток навешивающих классы.
Спасибо и на этом)
источник

f

fivem in Svelte [svelt]
SlavaZ
точнее сработает совсем не так
В экшене все, что до return 1 раз вызывается ведь, поэтому eval нормально сработает
https://svelte.dev/repl/8147d8faad07446c9c66b2b251926ba7?version=3.29.4
но лучше конечно так
https://svelte.dev/repl/9c35843454b24fb588878e8861bec83d?version=3.29.4
источник

ВГ

Вячеслав Гримальский... in Svelte [svelt]
fivem
В простом тестовом проекте использовал ui sveltestrap, который просто добавляет элементам бутстраповские классы, css в бандл не входит.
Минифицированный js бандл весил *267кб*, сейчас заменил все <Card><Col>... на <div class="card"><div class="col">... и js бандл стал весить *201кб*. + Автоматом получил возможность использовать use, animate, transition на элементах т.к. элементы стали нативными.
Замену произвел в 14-ти компонентах.
Заметил, чем чаще использовал инпуты из sveltestrap, тем быстрее рос размер.
66кб как-то много для оберток навешивающих классы.
Вот это ценная инфа. Получается, сильное дробление - не конец свелта
источник

f

fivem in Svelte [svelt]
Вячеслав Гримальский
Вот это ценная инфа. Получается, сильное дробление - не конец свелта
да я вообще прихожу к выводу, что все оформление надо на классах глобальных делать как бы это не хотелось.
Вот 201 кб из них больше 100кб занимает @smui/snackbar,  @smui/dialog,  @smui/tab-bar которые я сначала использовал но быстро столкнулся с проблемой - в динамической таблице чекбокс у них не работает и даже ишью есть, взял свелтстрап, потом смотрю размер растет и растет, осталось выпилить эту троицу и сделать свой вариант модалки, табов и снека.
источник

КС

Кирилл Спасибович... in Svelte [svelt]
fivem
да я вообще прихожу к выводу, что все оформление надо на классах глобальных делать как бы это не хотелось.
Вот 201 кб из них больше 100кб занимает @smui/snackbar,  @smui/dialog,  @smui/tab-bar которые я сначала использовал но быстро столкнулся с проблемой - в динамической таблице чекбокс у них не работает и даже ишью есть, взял свелтстрап, потом смотрю размер растет и растет, осталось выпилить эту троицу и сделать свой вариант модалки, табов и снека.
Тоже кстати была идея отказаться от лиф компонентов типа кнопок инпутов и т.д. в пользу тегов, стилизованных селекторами по тегам от рут ноды виджета, scoped global, чтобы класс каждый раз не писать

Сделать в селекторе по тегам not(.custom) если нужна кнопка не подтягивающая стандартные стили

Ибо use, animation, transition, class и вот это всё
источник

f

fivem in Svelte [svelt]
Кирилл Спасибович
Тоже кстати была идея отказаться от лиф компонентов типа кнопок инпутов и т.д. в пользу тегов, стилизованных селекторами по тегам от рут ноды виджета, scoped global, чтобы класс каждый раз не писать

Сделать в селекторе по тегам not(.custom) если нужна кнопка не подтягивающая стандартные стили

Ибо use, animation, transition, class и вот это всё
вот-вот, пока не выносишь мелкие части в отдельные компоненты свелт прекрасен, экшены, анимации... А как вынесешь все ухудшается, радует только удобство $: .. к которому реально очень быстро привыкаешь. Ну и сторы тоже
источник

КС

Кирилл Спасибович... in Svelte [svelt]
fivem
вот-вот, пока не выносишь мелкие части в отдельные компоненты свелт прекрасен, экшены, анимации... А как вынесешь все ухудшается, радует только удобство $: .. к которому реально очень быстро привыкаешь. Ну и сторы тоже
Ага, вроде бы приятно инкапсулировать маркап и стили в отдельный компонент маленький, но хочешь отпозиционировать - надо оборачивать или глобал  т.д.

https://github.com/sveltejs/rfcs/pull/32#issuecomment-699882933

Даже писал об этом
источник

f

fivem in Svelte [svelt]
Кирилл Спасибович
Ага, вроде бы приятно инкапсулировать маркап и стили в отдельный компонент маленький, но хочешь отпозиционировать - надо оборачивать или глобал  т.д.

https://github.com/sveltejs/rfcs/pull/32#issuecomment-699882933

Даже писал об этом
Вот тут кстати https://youtu.be/I5DIcbcXzfE?t=8907

если обратить внимание на верстку, то там вся стилизация на бутстраповских классах сделана, и если бы датапикер прикручивали к кастомному инпуту магии бы не случилось, пришлось или костылить экшены через пропсы или стили дублировать.
источник

IF

Igor Filippov in Svelte [svelt]
fivem
В простом тестовом проекте использовал ui sveltestrap, который просто добавляет элементам бутстраповские классы, css в бандл не входит.
Минифицированный js бандл весил *267кб*, сейчас заменил все <Card><Col>... на <div class="card"><div class="col">... и js бандл стал весить *201кб*. + Автоматом получил возможность использовать use, animate, transition на элементах т.к. элементы стали нативными.
Замену произвел в 14-ти компонентах.
Заметил, чем чаще использовал инпуты из sveltestrap, тем быстрее рос размер.
66кб как-то много для оберток навешивающих классы.
Это 200 кб минифицированного гзипнутого джса?
источник