All you need to know to jumpstart with NGXS

I bet you’ve already heard/read about state management. If not, I bet again that you want your applications to be easier to maintain/extend. Of course, having state management in place doesn’t automagically make the application extensible, but it guides us to have a Separation of Concerns to achieve that. In this article, I’ll explain what State Management is and how to use it in your Angular applications using NGXS.

What is a state

As users, we already are benefitted from the state in different areas. Some examples are:

• Navigation
  The navigation state tells at a given time on which page we are in the application
  
  
• Components
  Speaking of a Toggle component, the state could be On or Off
  
  
• Application
  This is a category that you will see in many blog posts. To make things easier, I would describe the Application state as the Global state of the application. But wait, what do we mean here by saying Global state? Well, Global state is the applications or users’ tokens, server data, etc.

(This article has been originally published in Angular.Love blog.
Follow this link to read more
​www.angular.love/en/2023/02/23/all-you-need-to-know-to-jumpstart-with-ngxs/)