npm install angular-usestate

angular-usestate

Aim of this library is to reduce complexity in NGRX State Management and development time and keep the focus of the developer more on Business Logic and also to make the Application intuitive and declarative in nature by reducing excessive boilerplate.

$3

Support for Angular V13+

$3

This Library is built using NRWL/NX.
Install Using : npm i --legacy-peer-deps angular-usestate in case Using incompatible versions.

$3

- @ngrx/store
- @ngrx/effects
- @ngrx/entity
- @ngrx/router-store

$3

- StoreModule.forRoot({})
- EffectsModule.forRoot({})
- RouterModule.forRoot([])
- HttpClientModule

EXAMPLE CODE

> Create Simple Variable State
``

xml

        Output : {{ 'mymessage'|readState|async }}

>Create NGRX Form State`xml

 
     
     
     
     
         <br />         
     
    
     
     
     
    

     * This will Post Data inside Form State + [postData] attribute payload to API : Amazing Ya .. 
 
 FormState Output : {{'biodataform'|readState|async|json }}


>Create NGRX State from fetching API

xml
 
    Multiple API can be Nested 
    
                    
         API Data Example :     
        {{'activitydata'|readState|async|json}}
         

         Masters : 
        {{'masters'|readState|async|json}}
    
     To Update Any State Variable You can do this

`$3`


- sumOf
- filterArray
- filterLikeArray
- groupBy
- assignObject
- mapTo
- mapToObject
- resolve
- resolveArray
- extendArray
- typeOf
- timeout
- integers
- addSysdate
- mergeArrayOfArray
 
You can specify the API-ENDPOINT in providers array :

javascript
    [providers]=[ {provide:API_ENDPOINT,useValue:'https://SOME-APIENDPOINT'} ]

Contribute

Github