juliencrn/usehooks-ts

Features

• React Hooks - A comprehensive collection of TypeScript-based hooks for managing state, side effects, and DOM interactions in React.
• Session Storage Synchronization - Implements hooks for synchronizing React state with the browser's session-scoped storage.
• LocalStorage Persistence - Synchronizes React state with the browser's localStorage to persist data across page refreshes.
• Browser Storage Persistence - Synchronizes state with browser storage to maintain data persistence across page reloads.
• Timer Lifecycle Managers - Provides hooks that encapsulate timer IDs to ensure proper cleanup on component unmount.
• Environment Guards - Implements guards that check for the window object to prevent SSR errors during hydration.
• Browser Event Listeners - Provides hooks to attach and manage native browser event listeners within the React component lifecycle.
• State Management Hooks - Ships hooks for managing common UI state patterns such as numeric counters and boolean toggles.
• UI Event Monitoring - Tracks user interface interactions and visibility changes for DOM elements to trigger UI actions.
• Browser API Hooks - Provides specialized hooks for interacting with browser-level APIs, the clipboard, and intersection observers.
• Browser Storage - Implements interfaces for managing persistent client-side data storage and browser-native APIs.
• Event Listener Management - Offers utilities for programmatically attaching and removing event listeners to the window or specific DOM elements.
• DOM Interaction Hooks - Provides hooks for managing event-based DOM interactions, including window resizing and outside clicks.
• Lifecycle Hooks - Provides implementation patterns for managing component setup and cleanup using React hooks.
• React State Primitives - Provides reusable state management primitives for common patterns like counters and toggles.
• State Counters - Ships a typed hook for managing numeric counters with increment, decrement, and reset functionality.
• Clipboard Copying - Implements functionality to write specified text strings to the system clipboard.
• Fixed Interval Repetitions - Provides a utility for executing callback functions repeatedly at a fixed time interval.
• UI - Provides a hook that executes a specific function when a component is removed from the DOM.
• Execution Debouncing - Implements a utility that delays function execution until a specified period of inactivity has passed.
• Memoization Hooks - Provides a hook to create stable function references for event handlers to optimize performance.
• React Performance Optimization - Reduces redundant processing and prevents memory leaks using mount status tracking and debouncing.
• Preference Persistence - Includes utilities for implementing and persisting light and dark mode preferences.
• Outside Click Detectors - Provides a hook to detect clicks outside of a target element, useful for closing dropdowns or modals.
• Layout Observation - Employs the Resize Observer API to monitor element dimensions and trigger real-time layout updates.
• Responsive Viewport Monitoring - Monitors media queries and viewport dimensions to adjust React components based on screen size.
• Media Query Observers - Provides a utility to subscribe to CSS media query changes for reactive UI updates.
• Theme Management Systems - Provides a system to manage and switch between light and dark visual themes based on user or system preferences.
• Viewport Dimension Tracking - Monitors the current width and height of the browser window to adjust layout on resize.
• Element Dimension Tracking - Monitors the width and height of specific HTML elements and triggers state updates upon change.
• Viewport Visibility Observers - Tracks when elements enter or exit the viewport to trigger lazy loading or animations.
• Callback Reference Memoization - Implements a pattern using useRef to maintain current callback references without triggering component updates.
• Intersection Observer Implementations - Integrates the Intersection Observer API to detect element visibility within the viewport.
• Isomorphic Effect Wrappers - Ensures side effects run only in the browser to prevent hydration mismatch warnings during SSR.
• Mounted Component Guards - Includes a guard utility that prevents state updates on components after they have been unmounted.
• Boolean State Primitives - Provides a simple state hook for managing true/false values with built-in toggle functionality.
• Debounced State Updates - Implements a debounced state utility to delay updates and reduce redundant processing.

Star history