React-kanca NPM

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

React Kanca

🧠 Kullanım

import {
  useBatteryInfo,
  useBeforeUnload,
  useClickOutside,
  useColorScheme,
  useConnection,
  useCookie,
  useCopyToClipboard,
  useDebounce,
  useDocumentTitle
  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,
  useToggle,
  useUpdateEffect,
  useURLSearchParams,
  useWindowScroll,
  useWindowSize,
  ErrorBoundaryKanca,
  useUserAnalytics,
  useDisableActions
} from 'react-kanca'

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

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

    .
    .
    .
}