react-hothook

Set of optimized React Hooks.

npm i react-hothook

yarn add react-hothook

• Hooks

  • useAsync — provides a functionality for async functions
  • useCached — saves only not empty, not undefined and not null values
  • useCountdown — manages a customizable countdown timer with lifecycle events, including pause, resume, reset, and update capabilities
  • useDebouncedCallback — provides debounced modification for default react's useCallback
  • useDebouncedValue — debounces a value, updating it only after a specified delay to optimize performance and prevent frequent updates
  • useDeepCompareEffect — runs an effect only when the dependencies change based on a deep comparison using lodash's isEqual function, avoiding unnecessary executions caused by shallow comparison of complex objects or arrays
  • useFetch — simplifies data fetching by combining the Fetch API with the useAsync hook, providing reactive state management for data, error, and isLoading
  • useMount — runs a function only once when the component mounts, providing a cleaner abstraction for lifecycle setup logic
  • usePrevious — tracks and retrieves the previous state or prop value, with an option to ignore specific values during updates
  • useSpecificKeyExtractor — creates a customizable and memoized key extractor function for React list mapping, ensuring unique and stable keys based on a specified field and optional prefix
  • useStateWithCached — extends React's useState to include a cached non-empty state
  • useStateWithPrevious — extends React's useState to include the previous state value
  • useStateWithValidation — extends React's useState with a validator function to track the validity of the state
  • useToggle — manages boolean state with a built-in toggle function
  • useUpdateEffect — acts like useEffect but skips execution on the initial render