https://github.com/anilcanboga/react-kanca
React-kanca, karmaşıklığı azaltarak projelerinizin daha okunabilir, yönetilebilir ve yeniden kullanılabilir olmasını sağlayan hookları içerir.
https://github.com/anilcanboga/react-kanca
custom-hooks front-end hooks hooks-library react react-hooks
Last synced: 11 months ago
JSON representation
React-kanca, karmaşıklığı azaltarak projelerinizin daha okunabilir, yönetilebilir ve yeniden kullanılabilir olmasını sağlayan hookları içerir.
- Host: GitHub
- URL: https://github.com/anilcanboga/react-kanca
- Owner: anilcanboga
- Created: 2024-05-02T13:03:25.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2025-07-27T12:41:15.000Z (12 months ago)
- Last Synced: 2025-07-27T14:45:31.293Z (12 months ago)
- Topics: custom-hooks, front-end, hooks, hooks-library, react, react-hooks
- Language: JavaScript
- Homepage: https://www.react-kanca.com/
- Size: 1.84 MB
- Stars: 27
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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.
[](https://www.npmjs.com/package/react-kanca) [](https://standardjs.com) [](https://opensource.org/licenses/MIT) [](https://bundlephobia.com/package/react-kanca)
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](https://www.react-kanca.com/) 🔗
react kanca npm linki: [react-kanca npm](https://www.npmjs.com/package/react-kanca/) 🔗
## ☕️ Kurulum
```bash
yarn add react-kanca
```
```bash
npm install react-kanca
```
```bash
pnpm i react-kanca
```
## 🧠 Kullanım
[](https://www.react-kanca.com/)
```jsx
import {
useAudioRecorder,
useBatteryInfo,
useBeforeUnload,
useCamera,
useClickOutside,
useColorScheme,
useConnection,
useCookie,
useCookieListener,
useCopyToClipboard,
useDebounce,
useDebounceCallback,
useDisableActions,
useDocumentTitle
useDrop,
useEqualObject,
useFetch,
useForceUpdate,
useFullScreen,
useFuzzySearch,
useGeolocation,
useHover,
useIntersectionObserver,
useInterval,
useIpInfo,
useIsFirstRender,
useLocalStorage,
useMedia,
useMobileLandscape,
useMousePageLeave,
useMultiStateValidator,
useOnlineStatus,
usePageLeave,
usePageVisible,
usePreferredLanguage,
usePrevious,
useRendersCount,
useS,
useScrollDirection,
useScrolling,
useScrollLock,
useScrollToElement,
useSelection,
useSessionStorage,
useSpeechToText,
useStateValidator,
useTextToSpeech,
useThrottle,
useToggle,
useUpdateEffect,
useURLSearchParams,
useUserAnalytics,
useWindowScroll,
useWindowSize,
ErrorBoundaryKanca
} from 'react-kanca'
// import 'react-kanca/dist/index.css'
const App = () => {
const { width, height } = useWindowSize()
const isVisible = usePageVisible()
.
.
.
}
```
[](https://medium.com/@anilcanboga/react-kanca-0afba24625fa)
## Lisans
MIT © [anilcanboga](https://github.com/anilcanboga)