@gilak/utils

A collection of utility functions for React applications.

Installation

npm install @gilak/utils

Usage

import { getContrastColor, debounce, throttle } from '@gilak/utils';

// Get contrasting color for text
const textColor = getContrastColor('#ff0000');

// Create debounced function
const debouncedSearch = debounce((query) => {
  // Search logic
}, 300);

// Create throttled function
const throttledScroll = throttle((event) => {
  // Scroll logic
}, 16);

Available Utilities

Color Utilities

• getContrastColor(color: string): string - Get contrasting color for text

Timing Utilities

• debounce(func: Function, wait: number, options?: DebounceOptions): Function
• throttle(func: Function, wait: number, options?: ThrottleOptions): Function
• throttleEvent(func: Function, wait: number, options?: ThrottleOptions): Function

DOM Utilities

• createResizeObserver(callback: ResizeObserverCallback): ResizeObserver
• getDimensionValue(value: string | number): number
• getParentElements(element: Element): Element[]

Accessibility Utilities

• generateId(prefix?: string): string
• announceToScreenReader(message: string): void

Breakpoint Utilities

• calculateSize(baseSize: number, breakpoint: string): number
• getBreakpointsFromCSS(): BreakpointInfo[]
• getCurrentBreakpointInfo(): BreakpointInfo

Features

• TypeScript support
• Tree-shakable exports
• Comprehensive utilities
• Performance optimized

License

MIT