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

``bash
yarn add react-kanca
`

`bash
npm install react-kanca
`

`bash
pnpm i react-kanca
`

!React Kanca

🧠 Kullanım

`jsx
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