@bespunky/angular-zen

The Angular tools you always wished were there.

Usage no npm install needed!

<script type="module">
  import bespunkyAngularZen from 'https://cdn.skypack.dev/@bespunky/angular-zen';
</script>

README

npm (scoped) npm bundle size (scoped) GitHub package.json dependency version (prod) Contributor Covenant GitHub npm

@bespunky/angular-zen

The Angular tools you always wished were there.

✨ Getting Started | 🙌 Official Site & Live Demos | 🎁 What's in the library?

🧘‍♂️ Zen...

@bespunky/angular-zen provides a set of well meditated general purpose tools for common Angular related tasks, to help you keep focused on the task at hand and stay in control of your workflow. These tools are all 🌳 tree-shakable.

You may use the library as you like, with any app, under the MIT license.

✨ The Highlights

💥Destroyable - No more manual unsubscribe() calls.

🔀 RouteAware - React to Router events and handle routing with less code.

🚌 RouterOutletComponentBus - Access outlet activated components instantaneously.

🔗 UrlReflectionService - Break and analyze urls and their parts.

🔲 WindowRef - The safe way to access the window object.

📄 DocumentRef - The safe way to access the document object.

😎 HeadService - Cleanly access and manipulate the head element.

⏳ LazyLoaderService - Programmatically load scripts and styles.

🌎 Universal Platform Directives - Prevent element rendering in Universal with directives.

⚙ LanguageIntegrationService - Hook your library with your user's language services.

🗣 LocalizedRouteAware - Create route aware services and components with language integration.

Versions

The library was generated using Angular 7 and has been gradually updated and tested up to Angular 11. Compatibility with older versions is possible but not guaranteed.

Full change log

Supporting The Project

If you like this project, find it useful and want to donate, you're welcome to buy me a coffee 😊. If you can't, no worries. A simple 'hello' or 'thank you' always warms my heart. 💗

Issues & Requests

Feedback, bugs reports and pull requests are welcome. Please follow the contribution guidelines.

Other Packages by @bespunky

📦 @bespunky/angular-google-maps

🚧 (soon) @bespunky/angular-zen-ux will help you with simple UX tasks.

🚧 (soon) @bespunky/angular-zen-seo will help you with metadata and SEO related tasks.

References

Source Code

NPM Package