NG Reactive Utils

Appearance

NG Reactive UtilsComposable Building Blocks for Modern Angular

A collection of small, reusable reactive utilities built around signals for Angular 20+

Get Started
View on GitHub
View on npm
search.component.ts 1import { computed } from '@angular/core';2import {3useControlValue, useRouteParam, useWindowSize4} from 'ng-reactive-utils';56// Convert FormControl to reactive signal7searchControl = new FormControl('');8searchValue = useControlValue(this.searchControl);910// Read route param & track window size11userId = useRouteParam('id');12windowSize = useWindowSize();1314// Compose into derived state15isMobile = computed(() => this.windowSize().width < 768);
🌳

Tree-Shakeable

Only import what you need. Each primitive is independently packaged for optimal bundle size.

💪

Strongly Typed

Full TypeScript support with comprehensive type definitions for a better developer experience.

🎯

Signal-First

Built on Angular's reactive primitives using signals for optimal performance and reactivity.

🔧

Composable

Mix and match primitives to build complex behaviors from simple, focused building blocks.

🧪

Well Tested

Comprehensive test coverage ensures reliability and helps prevent regressions.

📦

Minimal Dependencies

Lightweight with only essential dependencies (lodash-es for debounce/throttle utilities).

Released under the MIT License.

Copyright © 2024-present