Size: a a a

Svelte [svelt] - All about Svelte JavaScript framework.

2022 January 08

AP

Alexander Ponomarev in Svelte [svelt] - All about Svelte JavaScript framework.
что может быть проще?
источник

a

akaSybe in Svelte [svelt] - All about Svelte JavaScript framework.
ну типа чтобы не получить себе XSS в подарок
источник

AP

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

AP

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

a

akaSybe in Svelte [svelt] - All about Svelte JavaScript framework.
я читаю чат только когда речь про реакт идёт)
источник

AP

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

LL

Leo Lobov in Svelte [svelt] - All about Svelte JavaScript framework.
Можешь по сориентировать как найти это здесь?
источник

AP

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

AP

Alexander Ponomarev in Svelte [svelt] - All about Svelte JavaScript framework.
там где ты делаешь let {css, head, html } = App.render(props) сделай ещё

head += '<script type="application/json" id="props">' + JSON.stringify(props) + '</script>';
источник

AP

Alexander Ponomarev in Svelte [svelt] - All about Svelte JavaScript framework.
на клиенте пропсы получишь
const props = JSON.parse(document.getElementById('props').textContent);
источник

LL

Leo Lobov in Svelte [svelt] - All about Svelte JavaScript framework.
Идея хорошая, но у меня почему-то ошибка начала выходить в серверной сборке, пишет, что document is not defined
источник

AP

Alexander Ponomarev in Svelte [svelt] - All about Svelte JavaScript framework.
на северной сборке не должно быть этого
источник

a

akaSybe in Svelte [svelt] - All about Svelte JavaScript framework.
вот это в main.js должно попасть
источник

AP

Alexander Ponomarev in Svelte [svelt] - All about Svelte JavaScript framework.
у тебя на серверной сборке должен быть App.render а на клиентской должен быть new App({ hydrate: true, props, ... }) и перед new должна быть строчка про const props
источник

LL

Leo Lobov in Svelte [svelt] - All about Svelte JavaScript framework.
Сработало!
источник

LL

Leo Lobov in Svelte [svelt] - All about Svelte JavaScript framework.
Насколько вообще это корректная реализация? Как в SvelteKit это происходит?
источник

LL

Leo Lobov in Svelte [svelt] - All about Svelte JavaScript framework.
Передача пропсов с сервера в клиент
источник

a

akaSybe in Svelte [svelt] - All about Svelte JavaScript framework.
+- так же
источник

AP

Alexander Ponomarev in Svelte [svelt] - All about Svelte JavaScript framework.
других вариантов особо нет
источник

VI

Valeriy Ivanchenko in Svelte [svelt] - All about Svelte JavaScript framework.
Добрый день. Я как-то автоматически выработал паттерн iife + реактивная декларация. Это чтобы описать какую-то сложную зависимость несколькими инструкциями. Вот что я имею ввиду.
$: marker = (() => {
 if (!$article) return;
 return $items.find(item => {
   return item.articles.includes($article!);
 });
})();
Я знаю, что в свелте переменные реактивны, так что можно сделать так:
let marker: Item | undefined;
$: {
 if (!$article) return;
 const _marker = $items.find(item => {
   return item.articles.includes($article!);
 });
 if (_marker) marker = _marker;
}
Какие есть аргументы в пользу каждой сторон? Второй выглядит более свелт-вей, но насколько я знаю, компилятор преобразует всякие реактивные штуки в элементы "контекста", и при изменении реактивной штуки мутируют контекст и оповещают об этом всех. Так как это не нативные переменные JS, это медленнее. В этом и преимущество горячо любимого тут компилятора Malina, что он эмитит обычные переменные, кажется. Так вот, во втором случае в контекст будет попадать два элемента, вместо одного. Будет от этого приложение намного больше и медленнее? И имеет ли эта разница значения?
источник