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.

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