How to properly use ngRx?

Question

Angular

Hello. In general, the situation is as follows. I started writing rather large projects, and realized that I needed to get acquainted with the store. Everything seems to be clear, but I would like to clarify. Let's say there is a page in which I display articles and, for example, open the navigation - modal. I end up with 2 entities.
1) an array of articles
2) the isOpen variable for
the modal Or is it better not to do this and specifically bind to entities and data? Or, on the contrary, is it desirable to throw everything related to the page in the store? In general, how deep should you use ngrx?

Answer 1

The flag for the modal is thrown into the modal via DI. Well, at least in the material. Why is it in the store?
I store in the store mainly data from the back or general ui-states.
The current is not in ngrx, it's for masochists. Akita is fine.