Управлением состоянием в больших приложениях

React предлагает свою универсальную систему управления состоянием компонентов посредством свойства компонента this.state и метода this.setState(). Однако по мере роста приложения, увеличения количества вложенных компонентов поддерживать код становится всё труднее. Состояние приложения может стать неконсистентным. Бизнес-логика размазывается по иерархии компонентов. Требуется писать всё больше коллбэков для передачи на верхний уровень информации о состоянии компонентов. Компоненты приложения становится труднее переиспользовать.

Поэтому для управления состоянием часто используют библиотеки в дополнение к React. Тогда, если пользоваться архитектурными терминами MVC, MVVM, React отвечает за View (отображение) плюс общий каркас приложения. Работа с Model строится с помощью библиотеки управления состоянием. Например, такой, как Mobx.

Сегодня я хочу рассказать вам о том, как на нашем проекте состоялся переход на Mobx, какие преимущества это даёт. Также будет показан типовой проект и даны пояснения по основным вопросам. Но сначала вводные.