Лучший способ сгруппировать разные магазины в главном объекте - Svelte

Question

Итак, я пробовал немного Svelte на прошлой прошлой неделе.Я хотел иметь какой-то простой компонент, скажем, счетчик, которым будет управлять магазин (так же, как это показано в документации API).У меня также будет компонент для списка задач с его собственным хранилищем, и еще один, который будет снова генерировать случайные факты с его собственным хранилищем.

Теперь я хочу иметь большой основной объект, что-то вроде:

    const bigObject = {
      counter,
      todos,
      randomFact 
    }

Я могу получить этот объект с начальными значениями из моих компонентов, но не могу сделать его реактивным, то есть, если я обновлю значение счетчика или запросю другой случайный факт, я хочу, чтобы bigObject былобновить с этими новостями значения ...

Как вы, ребята, подходите к этой ситуации?

Спасибо,

Answer 1

Вы можете попробовать использовать Svelte Store.Подробнее об этом:

Документы: https://svelte.dev/docs#svelte_store

Учебное пособие: https://svelte.dev/tutorial/writable-stores

Я знаю, что это не полный ответ, и он должен идти в комментарии, ноЯ пока не могу комментировать.

Answer 2

ТЛ; др;Хранилища Svelte отлично подходят для небольших частей с реактивным состоянием, но не являются заменой для больших решений по управлению состоянием, таких как redux.

Характер хранилищ Svelte больше ориентирован на более мелкие элементы управления состоянием.Я считаю, что такой пакет, как redux, будет лучше подходить для более масштабного управления состоянием.

Если у вас есть значения, которые составлены из нескольких частей состояния, вы можете использовать производное состояние .Я верю, что вы могли бы создать собственное хранилище для обработки больших состояний, но я не верю, что это действительно то, о чем вы просите, и это станет более сложным, чем решение, подобное избыточному.