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