Привет. Столкнулся в светлките с тем, что стор каким-то образом

сохраняет свой стейт на сервере.
Ситуация:
Ич-блок отрисовывает элементы для массива, который лежит в сторе.
То бишь, в жс файле:

import { writable } from 'svelte/store';
export let array = writable([])

В компоненте:
import { array } from './store.js'
$array.push(el)

{#each $array as el}
<div> {el}</div>
{/each}

При обновлении страницы сначала мигает огромный список, где количество элементов равно числу обновлений страницы. При отработке клиента элемент остается один. Если логировать длину массива, то на сервере и в браузере она отличается (на сервере растет). В куки ничего не пишет.
При отключении/поднятии сервера сбрасывается.
Шаблон свелткита, ничего в нем не менял в общем-то.

Как такое может быть? В саппере такого не было :/

Стор в ESM модуле — это всегда синглтон. Кит тут не при чём, это не баг и не фича. Это стандартное поведение ESM модулей. Поведение модуля на клиенте и на сервере не будет отличатся — вы всегда будете обращаться к одному и тому же объекту, с одинаковыми данными. Как на клиенте, так и на сервере. На клиенте вы увидите клиентские данные. А на сервере — данные стора, которые были мутированы последним запросом, от любого клиента. Всё потому, что сервер, так же как клиент, один раз импортирует модуль и работает с единым инстансом для любых запросов. В итоге на сервере он будет единым для всех клиентов. Для передачи уникальных данных между компонентами на сервере используйте Stuff. Про Singleton: youtube Про Stuff: youtube @NikitaFedorovv

Очень ценная инфа, спасибо !

Он так долго рассказывал про то как работает Cookie, что я пропустил момент где речь идет о том, как решили проблему синхронизации хранилища с сервером. Сколько не крутил, не смог найти. Может кто то в двух словах пояснить смысл задумки и ее реализацию.

Что за «синхронизация хранилища с сервером»?

Как я понял по видео там в момент построения на стороне сервера создается хранилище а на стороне клиента изменяются значения и получается рассинхрон, хотя может я не прав.

Не прав. В видео даже близко этого нет. Видео объясняет как можно выстрелить себе в ногу, если не знать особенностей работы стора в ESM модуле.

А все понял, просто утро, английский, я думал удивлять будут =) Спасибки.

Т.е. чтобы избежать подобного (всм чтобы стор не аффектился на разных клиентах), нужно инициализировать стор на ките в режиме браузера? Типа //./stores/client-store.js ... let clientStore; if(Browser) { clientStore = writable(''); } export {clientStore}

Просто не мутируйте стор в запросе данных из load функции. Используйте stuff

А, ок

Спасибо)