Через композицию это делается проще

Пишется функция, которая оборачивает твоё действие над стором без всяких редюсеров

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

Я пилил мобилу, а коллега десктоп. В целом реакт в поддержке оказался проще.

@Murat_Mavlidov реклама и ссылки на ресурсы, относящиеся к разработке на других фреймах запрещены

🙄

сорян

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

я уже много раз писал, что очень удобно использовать js модули (разделение по файлам) и структуру каталогов, вместо одного вложенного объекта

условно говоря если у нас есть один большой стор:

{
  user: {
     username,
     settings: {}
     cart: {},
     favorites: [],
     ....
  },
  products: [ .... ],
  categories: [ .... ],
  ....
}

на свелт сторах из моего чисто практического опыта это отлично дефрагментируется в:

/src/store/
   /user/
      index.js
      user.js
      settings.js
      cart.js
      favorites.js
  products.js
  categories.js

в каждом модуле/файле свой стор/набор сторов относящийся к данному куску стейта и функции/экшены для работы с ним. если это папка, то есть большая сущностью с вложенностью, то неплохо иметь index.js файл, который просто ре-экспортит все оттуда:

export * from ''./user.js';
export * from 'cart.js';

...

{
  user: {
     username,
     settings: {}
     cart: {},
     favorites: [],
     ....
  },
  products: [ .... ],
  categories: [ .... ],
  ....
}

прикольно кстати, спасибо

export * from ''./user.js';
export * from 'cart.js';

просто чтобы можно было делать так:

import { cart } from '@/stores/user/';

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

а разделение на атомик сторы - то есть один стор === один кусок стейта позволяет трегирить и реагировать на изменения максимально точечно

(!) Circular dependency
src/components/filters/index.js -> src/components/filters/Filters.svelte -> src/components/filters/index.js

У меня сам компонент и вложенные в него в index.js експортится - это критично?

index.js

export { default as Categories } from './Categories.svelte'
export { default as Brands } from './Brands.svelte'
export { default as Shops } from './Shops.svelte'
export { default as Prices } from './Prices.svelte'
export { default as Tabs } from './Tabs.svelte'
export { default as Filters } from './Filters.svelte'


Filters.svelte

import { Categories, Brands, Shops, Prices } from "./index";


Другой компонент где фильтры выводятся

import { Tabs, Filters } from "../components/filters/";

хм, а зачем так сделано? 🤔

Ну чтоб в одной папке все что к фильтрам было