GitHub Gist: instantly share code, notes, and snippets.

***
Если вы собираетесь хранить в сторе объект и изменять какие-то его части, то скорее всего вам нужно декомпозировать такой объект. Вынесите те части, которые планируете изменять, в отдельные сторы, чтобы работать с ними атомарно:


// BAD
const $profile = createStore({
 name: 'Joe',
 isLogged: true,
 account: {
   balance: 99,
   permissions: [],
 },
})

// GOOD
const $name = createStore('');
const $isLogged = createStore(false);
const $balance = createStore(0);
const $permissions = createStore([]);


Атомарные сторы проще изменять, объединять и вычислять из них производные данные. За счёт декомпозиции и создания вычисляемых сторов устраняется избыточность и происходит нормализация данных. Пропадает необходимость в мемоизации селекторов, благодаря наличию индивидуальных подписок. Такой подход позволяет произвести оптимизации и повысить эффективность выполнения.  

Создавать много сторов и управлять каждым из них по отдельности лучше, чем хранить всё в одном месте и иметь сложную логику обновления данных.…