@dubium/hooks

Лёгкая и кастомизируемая библиотека React хуков для удобной и эффективной разработки современных веб-приложений.

Установка

npm install @dubium/hooks
# или
yarn add @dubium/hooks

Описание

Пакет содержит набор хорошо продуманных React хуков, которые помогают оптимизировать разработку, улучшить читаемость кода и повысить производительность приложения.

Доступные хуки

• useCombinedRefs — объединяет несколько рефов в один.
• useDebounce — хук для дебаунса значения или функции.
• useHover - хук для отслеживания наведения курсора на элемент.

Пример использования

import React, { useRef } from "react"
import { useCombinedRefs, useDebounce } from "@dubium/hooks"

function Example() {
	const ref1 = useRef(null)
	const ref2 = useRef(null)
	const combinedRef = useCombinedRefs(ref1, ref2)

	const [value, setValue] = React.useState("")
	const debouncedValue = useDebounce(value, 300)

	React.useEffect(() => {
		console.log("Debounced value:", debouncedValue)
	}, [debouncedValue])

	return (
		<input ref={combinedRef} value={value} onChange={(e) => setValue(e.target.value)} placeholder="Type here..." />
	)
}

Лицензия

MIT © DubiumEkb

Контакты и поддержка

Если у вас есть вопросы или предложения — создавайте issue на GitHub.

Спасибо за использование @dubium/hooks!