надеюсь, когда-нибудь будет так, что люди будут сравнивать не с реактом, а со свелт. Это у вас не как в свелт. А вот в свелт...

но я же верно понял, что дом-эвенты не всплывают вверх по компонентам и их элементам?

ну по дом элементам же всплывают

те которые должны всплывать и кастомные эвенты тоже можно баблить передав им параметр

хм, а можно ли как-то коротко реэкспортировать из компонента всё, переименовав только default по ходу?
Пример:
export { default as MyComponent, param1, param2, func1, func2 } from './XX.svelte';

Вот чтобы не перечислять все paramN и funcN

там же нельзя остальное указать как * нигде, так?

Можно, но в 2 строчки:

export * from './XX.svelte'
export {default as MyComponent} from './XX.svelte';

Т.е. коротко не получится :)

Камень в огород css+js в одном свелте файле и вообще в процессинге css через свелт.

На вебпаке такое закэшировать невозможно. Свелте лоадер должен из одного файла создать 2 файла: js и css. При этом css файл дальше должен подхватиться остальными лоадерами. Для этого свелт пишет в виртуальную файловую систему css файлы и все работает в течении одной сессии вотч режима.

Если мы подрубим кэшлоадер, то кэшлоадер на следующем билде зарубит весь пайплайн лоадеров для .svelte файлов. Из-за этого никто не запишет css файл в виртуальную fs и вебпак не найдет файл [component].svelte.css и упадет =)

Получается на вебпаке либо за 1 изменение перезапускается сборка всех файлов + процессинг всех цсс файлов. Либо цсс надо писать без свелта и без его скоупинга.

Это для тех у кого вопросы почему вотч режим свелт файлов на вебпаке невозможно долгий

#video #tutorial #workshop #learn

Познавательный YouTube канал с более чем 100 видео на тему Svelte и Sapper

https://www.youtube.com/channel/UCg6SQd5jnWo5Y70rZD9SQFA

В свелт ещё проще соглашение - все что импортируется из самого svelte можно вызывать только из свелт компонента. Хотя бы потому что свелт вне компонентов нет и искренне удивляюсь что это не очевидно.

есть еще svelte/store которые можно где угодно вызывать вроде

Разницы не видишь между svelte и svelte/store ?

Минимум 6 символов

ну хорошо я вижу разницу, только вот когда ты завернешь контекст в свою функцию хелпер, разницы то уже не будет. А соглашения имен так же не появится =)

Какую функцию хелпер? Причём тут это? Все импорты из svelte придуманы только с одной целью - избавиться от явного this в рантайм

Кстати, лично я не был за

Но раз это так, то все импортируемое оттуда автоматом не имеет смысла вне компонента

Ну и в этом случае смысла писать 3 лишних символа префикса тоже нет