Examples of using the NGXS library

Getting Started

• Clone the repository into a local folder.
  
• Install dependencies yarn install
  
• Run any project example yarn start:X where X is a number of the example
  
• Try experimenting with code

Description of examples

1. Search articles in Wiki API
   A simple NGXS store for three components. The application fetches and displays data from Wiki API. It will demonstrate handling actions as asynchronous entities and practical goals, that can be achieved with Action Handlers. Why subscribe to action immediately after its dispatching, and why subscribe to action in another component.
   
   Used plugins: Devtools
   Level: Easy

2. One Selector for multiple Stores
   How to process and display data from multiple stores/selectors with a single selector. The example features two stores. The first one stores complex entity objects (shop clients, as an example). The second store keeps the IDs of these entities. The example will demonstrate how to create a selector in the second store to display the list of client profiles, using the IDs from its list.
   
   Used plugins: Devtools
   Level: Easy

3. One Store for multiple browser tabs
   Document printing using a new tab. Implements a lazy loading module and the Storage-plugin for data transfer.
   
   Used plugins: Storage + Devtools
   Level: Medium

4. Chain of Actions and filter + sort in Selectors
   An example of an e-shop CMS will show how to combine several server requests into a single frontend state model. The example will include two caching stores for dictionaries of clients and goods, and another store with orders. It will demonstrates using a chain of actions and requests.
   
   Used plugins: Forms + Storage + Devtools + Logger
   Level: Advanced