ngx-memoize
A zero-dependency TypeScript decorator that memoizes Angular class methods to eliminate repeated template-call overhead and boost performance.
Overview
NGX Memoize is a lightweight TypeScript decorator specifically designed for Angular applications. It optimizes performance by caching method results, preventing unnecessary re-executions during Angular's Change Detection cycles when methods are called from templates.
Key Features
- Performance Optimization — Caches method results and only re-executes when arguments change, drastically reducing computation.
- Automatic Memory Management — Cleans up cached data when the component is destroyed via
ngOnDestroy, preventing memory leaks. - Comparison Strategies — Supports both fast referential checks (
ref) and deep JSON-based comparison (json) for mutable objects. - Manual Cache Control — Provides utilities to manually clear cache for specific methods or entire instances, with optional auto-destroy disabling.
- Zero Dependencies — Lightweight with no external dependencies.
Philosophy
NGX Memoize prioritizes simplicity and developer experience by offering automatic, lifecycle-aware caching that "just works" out of the box, while still providing flexibility for advanced use cases.
Related Projects
ng-letAngular structural directive for sharing data as local variable into html component template.
ngx-copypasteA pure and awesome copy paste directive for Angular
ng-for-track-by-propertyAngular global trackBy property directive with strict type checking.
ng-click-outsideAngular directive for handling click events outside of an element.
Found a gem we're missing?
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.