react-kanca

React-kanca, karmaşıklığı azaltarak projelerinizin daha okunabilir, yönetilebilir ve yeniden kullanılabilir olmasını sağlar. React projelerinde tekrar eden kodları azaltarak geliştirici deneyimini iyileştirmeyi amaçlamaktadır.

Geliştirme sürecinizi profesyonelleştirmek ve hızlandırmak için özel olarak hazırlanmış React hooklarını içerir.

react kanca storybook demo linki: react-kanca storybook 🔗

☕️ Kurulum

yarn add react-kanca

npm install react-kanca

pnpm i react-kanca

🧠 Kullanım

import {
useAudioRecorder,
useBatteryInfo,
useBeforeUnload,
useCamera,
useClickOutside,
useColorScheme,
useConnection,
useCookie,
useCookieListener,
useCopyToClipboard,
useCurrency,
useDateTimeFormat,
useDebounce,
useDebounceCallback,
useDisableActions,
useDocumentTitle
useDrop,
useDetectKeyboardOpen,
useEqualObject,
useFetch,
useForceUpdate,
useFullScreen,
useFuzzySearch,
useGeolocation,
useHover,
useIntersectionObserver,
useInterval,
useIpInfo,
useIsFirstRender,
useLocalStorage,
useMedia,
useMobileLandscape,
useMousePageLeave,
useMultiStateValidator,
useNumberFormat,
useOnlineStatus,
usePageLeave,
usePageVisible,
usePreferredLanguage,
usePrevious,
useRelativeTime,
useRendersCount,
useS,
useScrollDirection,
useScrolling,
useScrollLock,
useScrollToElement,
useSelection,
useSessionStorage,
useSpeechToText,
useStateValidator,
useTextToSpeech,
useThrottle,
useToggle,
useUpdateEffect,
useURLSearchParams,
useUserAnalytics,
useWindowScroll,
useWindowSize,
ErrorBoundaryKanca
} from 'react-kanca'

const App = () => {
    const { width, height } = useWindowSize()
    const isVisible = usePageVisible()

    .
    .
    .
}

Lisans

MIT © anilcanboga