Дебажил ли MobX state

Да, дебажил MobX state. Основные инструменты и подходы:

1. MobX DevTools - расширение для Chrome/React DevTools. Позволяет:

   • Отслеживать изменения состояния
   • Видеть зависимости и реакции
   • Логировать действия

2. Консольные утилиты:

import { toJS } from 'mobx';
console.log(toJS(store.someProperty)); // конвертирует observable в обычный JS

3. spy() для логирования всех изменений:

import { spy } from 'mobx';
spy(event => console.log(event));

4. trace() для отладки конкретных реакций:

import { trace } from 'mobx';
autorun(() => {
  trace(); // покажет почему перезапускается
  console.log(store.value);
});

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