Angular: пример использования NGRX

[olexandr17]

«Структура попок для хранилища» — кажется, у вас опечатка )

[atomic1989]

:)

[1c80]

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

[atomic1989]

У нас юзается, проект большой. Для этого необходимо скачать mobx-angular. Добавить в модуль.
В шаблоне компонента:

<ng-container *mobxAutorun>
    .....
</ng-container>

Данную конструкцию можно использовать несколько в рамках одного компонента, тогда каждая обновляется независимо. При необходимости можно включить режим detach: true. Компоненты приложения лучше запускать в стратегии OnPush. Инпуты без проблем покрываются @observalble.

Если требуется использовать декораторы mobx в компонентах, необходимо использовать одноименные декораторы из mobx-angular

[1c80]

Ясно, спасибо, значит нормально все вроде как. А статья да, есть, но одно дело статья, а другое дело когда в проекте у кого-то реально работает без особых нареканий.

[Nikivay]

Существует статья как раз с использованием mobx на angular — «Управляем состоянием в Angular при помощи Mobx»

[kubk]

Проект ~50k строк, за полгода почти закончили миграцию с NGRX на Mobx. В некоторых PR при замене NGRX слайса на Mobx стор кода удалялось раза в 3 больше, чем добавлялось. Появилась возможность легко покрывать тестами сторы и легко мокать сторы для компонентов в сторибуке — нужно просто подменить сервис через DI контейнер. Пишу большую статью про Mobx, результатом очень доволен.

[1c80]

Пишу большую статью про Mobx, результатом очень доволен.

Ну вообще отлично было бы, большое спасибо, что поделились информацией и статью еще готовите.
На мой взгляд Мобх оптимален и кроме кода еще куча времени экономится на необходимости изучения всяких аналогов, 50к вполне нормальный проект, самое оно.

[Andchir]

Давайте посмотрим, как использовать наше хранилище…
Во-первых, давайте получим конфигурацию при запуске приложения...

Не лучше ли использовать синглтон для конфигурации? И не нужно делать никаких дополнительных асинхронных запросов, JSON с данными конфигурации может быть заранее выведен в коде страницы внутри обычного

<script>
const appSettings = {...};
</script>

Зачем ваши усложнения?

[Halakul]

Сохраняет состояние углового роутера в хранилище.

Я думаю роутер на уголовой, а Ангуляра всё таки:)

[vlad_your]

Наконец, экспортирует функцию, чтобы получить начальное состояние (мы будем использовать его позже).

А где мы использовали эту функцию позже?)