Почему? Какие? Когда? - С NGRX

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

· Что такое NGRX

· Когда мы должны использовать NGRX

· Почему вам следует использовать NGRX

Что такое NGRX?

NGRX - это реактивные расширения для Angular, которые могут помочь вам поддерживать состояние вашего приложения Angular.

Смущенный? Давай упростим. Вы когда-нибудь сталкивались с проблемой, когда ваши родственные компоненты хотят обновляться друг с другом, или вы хотите, чтобы некоторые общие данные были доступны всем компонентам, или вы хотите уведомить компоненты, когда есть некоторые изменения в общих данных, используя управление состоянием? Итак, ваш ответ - да.

Итак, как и я, вы, должно быть, нашли общее решение общей службы с предметной переменной или чем-то еще.

Но мне было очень сложно поддерживать глобальное состояние для большого сложного приложения.

Итак, мы переходим к вопросу «когда нам следует использовать NGRX».

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

NGRX - это инструмент управления состоянием, который дает вам больше возможностей с angular для поддержания состояния вашего приложения.

Давайте поговорим немного подробнее о исх.

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

Возникает вопрос, почему именно NGRX?

Да, у нас есть другие библиотеки, например angular redux. Давайте сравним их

ngrx / store - это повторная реализация redux без совместимости с существующей экосистемой redux. Он был построен с нуля с умом RxJs, типами и т. Д.

В то время они работали над NgRx - типы для redux были довольно плохими, но они прошли долгий путь - и не было так много «чистых» способов раскрытия магазина, как Observable.

angular-redux / store - как есть «react-redux» для привязки реакции к redux, это привязки Angular для redux, а не новая реализация. Он совместим с большинством существующих промежуточных программ и инструментов redux, которые не зависят от реакции. Мне очень понравилось, как select работал с NgRx - я также купил аналогичную функцию для angular-redux, а также его версию-декоратор.

Так что сравнивать особо нечего.

Надеюсь, вам понравится моя статья, пожалуйста, поделитесь своим мнением :)