ngx-utils

Angular library that enables developer accessible browser caching by providing a CacheService and a HttpCacheService.

📝 Table of Contents

• About
• Getting Started
• Usage
• Built Using
• Authors

🧐 About

This Angular library provides two services:

• CacheService: which interacts directly with the browser local/session storage
• HttpCacheService: which is a wrapper(decorator) around Angular HttpClient that offers the ability to cache any request that you want to (including post request) and offers the results as a Observable of the desired type, exactly as HttpClient.

🏁 Getting Started

To use this library you should have at least Angular 13. Installation of this library can be done using the following commands, depending on your package manager.

• npm: npm i ngx-caching
• yarn yarn add ngx-caching

🎈 Usage

The following is a basic usage example of the HttpCacheService:

...
import {HttpCacheService} from "ngx-caching";
...

constructor(private configService: ConfigService, private httpCached: HttpCacheService) { }

getValuesByType(typeId: number):Observable<any> {
 return this.httpCached.get(this.configService.getPath('dictionary', 'entries', {typeId}));
}

In the above example, the values that will be retrieved will also be cached, so any subsequent subscription to this method will result in a cache look-up rather than another HTTP request.

⛏️ Built Using

• RxJS - Reactive Extensions Library for JavaScript
• Angular CLI - Angular command line interface
• Visual Studio Code - code editor

✍️ Authors

• @gabriel-rusu - Idea & Initial work