DK
Нагуглил уже :)
Size: a a a
2021 April 14
DK
Ок спс
A
На подходе <svelte:element>, кстати...
AS
это я не к тому что все бегите на малину, а к тому что и свелту есть что еще пооптимизировать при компиляцции
КС
<script>3794 байта
function lol() {
console.log('lol');
}
</script>
<button on:click={lol}>LOL!</button>
используем компонент Button
<button on:click><slot /></button>
<script>5238 байтов
import Button from './Button.svelte';
function lol() {
console.log('lol');
}
</script>
<Button on:click={lol}>LOL!</Button>
DK
Это после минификации?
КС
да
DK
Ок спасибо. Получается что уже на десятках компонетов можно догнать аналогичный реакт...
DK
Если же реактивность там юзать и тп...
КС
<script>
export let text = '';
</script>
<button on:click>{text}</button>
<Button on:click={lol} text="LOL!" />если использовать пропс вместо слота то 4534
DK
Ну понятно что это примерно
DK
Прикольно:)
КС
@AlexxNB как думаешь, если сделать просто препроцессор, который будет разметку макросить ?
AS
но все еще не объективно - добавился функционал слота - докинулось байтиков - но это нелинейная зависимость - при третьем компоненте не докинется столько же
AS
Типа инлайн-компонент реализовать?
DK
Это да, лучше на 3 компонент. Но примерно понятно
КС
<label>
<span>{$$label}</span>
<select bind:value={$$value}>
{#each $$options as option}
<option value={option.id}>
{option.name}
</option>
{/each}
</select>
</label>
<Select label="Гагага" value={somevar} options={someOptions} />
<label>
<span>Гагага</span>
<select bind:value={somevar}>
{#each someOptions as option}
<option value={option.id}>
{option.name}
</option>
{/each}
</select>
</label>
КС
как-то так
КС
просто будет забивать плейсхолдеры