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...

The @bespunky/angular-zen library 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'd like, with any app, under the MIT license.

📢 What's new

Checkout the new useNavigationX() function!

Strong-typed and auto generated navigation system for Angular (PREVIEW)

Example

⚒️ Other util functions (PREVIEW)

✨ The Highlights

✨ Strong-typed and auto generated navigation system for Angular (PREVIEW)

⚒️ Standalone routing utils (PREVIEW)

👁️ *observe directives - Super easy RxJS integration.

👁️ *onObserver directives - Conditional template rendering according to observable states.

💥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

Starting from v14, zen versions will stick to Angular's major versions.

Version 5.0.0 was regenerated based on Angular 13.

Previous versions of the library were based on a workspace generated using Angular 7 which 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


results matching ""

    No results matching ""