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.com 🔗

react kanca npm linki: react-kanca npm 🔗

☕️ Kurulum

yarn add react-kanca

npm install react-kanca

pnpm i react-kanca

🧠 Kullanım

import {
  useBatteryInfo,
  useBeforeUnload,
  useClickOutside,
  useColorScheme,
  useConnection,
  useCookie,
  useCopyToClipboard,
  useDebounce,
  useEqualObject,
  useFetch
  useForceUpdate,
  useFullScreen,
  useGeolocation,
  useHover,
  useIntersectionObserver,
  useInterval,
  useIsFirstRender,
  useLocalStorage,
  useMedia,
  useMobileLandscape,
  useMousePageLeave,
  useMultiStateValidator,
  useOnlineStatus,
  usePageLeave,
  usePageVisible,
  usePreferredLanguage,
  usePrevious,
  useScrolling,
  useScrollLock,
  useScrollToElement,
  useSelection,
  useSessionStorage,
  useStateValidator,
  useThrottle,
  useUpdateEffect,
  useWindowScroll,
  useWindowSize,
} from 'react-kanca'

// import 'react-kanca/dist/index.css'

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

    .
    .
    .
}

Lisans

MIT © anilcanboga