Welcome to ngxtension

What does ngxtension offer 🔨?

Signal utilities

• derivedAsync - Safely derive data asynchronously
• derivedFrom - combineLatest with signals support
• connect - connect everything to everything
• createNotifier - the tick you’re missing
• signalSlice - tasty sliced state management
• toLazySignal - defer signal’s eager execution
• toObservableSignal - a Signal/Observable at a time
• mergeFrom - merge operator with signals support
• createSignal/createComputed - vue style signals
• computedPrevious - track previously emitted values
• computed/extendedComputed - enhanced computed with previously derived value
• explicitEffect - effect with explicit dependencies

Injector utilities

• injectLazy - Lazy inject your lazy services
• injectParams - inject signal route params
• injectQueryParams - inject signal route query params
• createInjectionToken - cool InjectionToken creation
• injectDestroy - destroy$ you don’t have to unsub
• injectRouteData - inject data from the current route
• injectNavigationEnd - listen to navigation end events
• injectNetwork - track the current network state
• injectIsIntersecting - listen when element intersects
• createInjectable - cool Service creation
• injectAutoEffect - injection-context aware Effect
• assertInjector - extension of assertInInjectionContext
• injectActiveElement - track when the active, focused element changes
• injectDocumentVisibility - track the current visibility state of the document

RxJs operators

• debug - log stream inputs and transformed outputs
• filterArray - filter array emitted by the stream
• filterNil - filter out null and undefined values
• mapArray - map array emitted by the stream
• mapSkipUndefined - skip undefined on map
• poll - poll a stream every “period” milliseconds
• reduceArray - reduce array emitted by the stream
• rxEffect - utility to create a side effect with rxjs
• whenDocumentVisible - pause a stream when the document is hidden

Code migrations

• input() Migration - migrate to the signal-based inputs
• output() Migration - migrate to the new output()
• inject() Migration - migrate to inject() based DI
• viewChild(), contentChild(), viewChildren(), contentChildren() Migration - migrate to the new template queries()
• self-closing tag - migrate to the new self-closing tag
• SFC components - migrate to the new SFC components

Directives

• clickOutside - track when clicked outside an element
• repeat - extension for an effective NgFor iteration
• resize - track element/host resizing
• TrackById / TrackByProp - efficient iteration with trackby id or prop

And more...

• hostBinding - signal counterpart of @HostBinding API
• createEffect - standalone version of NgRx ComponentStore Effect
• createSingletonProxy - lazy create singleton instance of a given class
• ifValidator / ifAsyncValidator - apply sync/async conditional form validation
• Gesture - collection of Gestures to bind mouse and touch events