{"id":15433960,"url":"https://github.com/anilcanboga/react-kanca","last_synced_at":"2025-08-07T02:16:58.593Z","repository":{"id":237682993,"uuid":"795033875","full_name":"anilcanboga/react-kanca","owner":"anilcanboga","description":"React-kanca, karmaşıklığı azaltarak projelerinizin daha okunabilir, yönetilebilir ve yeniden kullanılabilir olmasını sağlayan hookları içerir.","archived":false,"fork":false,"pushed_at":"2025-07-27T12:41:15.000Z","size":1933,"stargazers_count":27,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-07-27T14:45:31.293Z","etag":null,"topics":["custom-hooks","front-end","hooks","hooks-library","react","react-hooks"],"latest_commit_sha":null,"homepage":"https://www.react-kanca.com/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/anilcanboga.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2024-05-02T13:03:25.000Z","updated_at":"2025-07-27T12:41:19.000Z","dependencies_parsed_at":"2025-07-27T14:29:05.605Z","dependency_job_id":"b2d6c14f-e6ca-47b3-821b-77b9bb7de747","html_url":"https://github.com/anilcanboga/react-kanca","commit_stats":{"total_commits":35,"total_committers":2,"mean_commits":17.5,"dds":"0.11428571428571432","last_synced_commit":"c7b38893af675ce03f5d770b61f8f76928282502"},"previous_names":["anilcanboga/react-kanca"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/anilcanboga/react-kanca","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anilcanboga%2Freact-kanca","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anilcanboga%2Freact-kanca/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anilcanboga%2Freact-kanca/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anilcanboga%2Freact-kanca/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/anilcanboga","download_url":"https://codeload.github.com/anilcanboga/react-kanca/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anilcanboga%2Freact-kanca/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":269185744,"owners_count":24374638,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-08-07T02:00:09.698Z","response_time":73,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["custom-hooks","front-end","hooks","hooks-library","react","react-hooks"],"created_at":"2024-10-01T18:36:23.334Z","updated_at":"2025-08-07T02:16:58.168Z","avatar_url":"https://github.com/anilcanboga.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# react-kanca\n\n\u003e 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.\n\n[![NPM](https://img.shields.io/npm/v/react-kanca.svg)](https://www.npmjs.com/package/react-kanca) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com) [![License: MIT](https://img.shields.io/badge/License-MIT-white.svg)](https://opensource.org/licenses/MIT) [![BundleSize](https://img.shields.io/bundlephobia/min/react-kanca)](https://bundlephobia.com/package/react-kanca)\n\n\u003cdiv\u003e\n  \u003cp align=\"center\"\u003e\n    Geliştirme sürecinizi profesyonelleştirmek ve hızlandırmak için özel olarak hazırlanmış React hooklarını içerir.\n  \u003c/p\u003e\n\u003c/div\u003e\n\u003cp align=\"center\"\u003e\n\u003ca href=\"https://medium.com/@anilcanboga/react-functional-components-t%C3%BCrk%C3%A7e-kaynak-d%C3%B6k%C3%BCman-1fcdc275adcc\" target=\"_blank\"\u003e\u003cimg align=\"center\" src=\"https://shields.io/badge/react-black?logo=react\u0026style=for-the-badge\" alt=\"React.js\" /\u003e\u003c/a\u003e\n\u003ca href=\"https://medium.com/@anilcanboga\" target=\"blank\"\u003e\u003cimg align=\"center\" src=\"https://img.shields.io/badge/next.js-000000?style=for-the-badge\u0026logo=nextdotjs\u0026logoColor=white\" alt=\"Next.js\" /\u003e\u003c/a\u003e\n\u003c/p\u003e\n\nreact kanca storybook demo linki: [react-kanca.com](https://www.react-kanca.com/) 🔗\n\nreact kanca npm linki: [react-kanca npm](https://www.npmjs.com/package/react-kanca/) 🔗\n\n## ☕️ Kurulum\n\n```bash\nyarn add react-kanca\n```\n\n```bash\nnpm install react-kanca\n```\n\n```bash\npnpm i react-kanca\n```\n\n![React Kanca](https://miro.medium.com/v2/resize:fit:1400/format:webp/0*nl2InXMi1tuDmnrv.png)\n\n## 🧠 Kullanım\n\n[![React Kanca Storybook](https://camo.githubusercontent.com/3b5c588563bab2ba1470feccb836c32c9647d8f53f6ed177a9eec9fd1ab68b19/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f73746f7279626f6f6b2d72656163742d3030643866662e7376673f636f6c6f72413d653136313863266c6f676f3d646174613a696d6167652f706e673b6261736536342c6956424f5277304b47676f414141414e53556845556741414144454141414179434159414141443143444f794141414141584e535230494172733463365141414141526e51553142414143786a777638595155414141414a6345685a6377414144734d41414137444163647671475141414158305355524256476844375a6c7262425256464d66506e6666757a72623067566751553651594c425574425931457742636153535434494349314367676d4b6e345341686a6b6736434a565a517678432f794d694342524979474742494450694a6f524155667142686549744241433561793233334d7a6f7a337a6836774f4a325a75374f376f54482b6d736e39337a76623766336678376c6e707642666747423552646d335a667659786d6d54683971325853744a55723356666736366c7134445652416861356d4e456845367174597666426f2f37714a6b4a72352b634b452b4b464952723956693846656d70796b7571324259356943426b446f6259414439513030793752527461355945555241415a4175676d6e5641486e633969547a7a674a6a2f4a67447231466c494c4632504e5963446c6573574e4b463245576a69777079565937717a36516c525352466f4278706f52796f743236366974356f6b316857415774704a42623949796865466f64777a4272535a64324b7463424e4f4c2f7967552f79524c7175723649692b7159725373375273705a3266517139723657313252616b4231766c514268696b496f6f714849456d364a535848614a72546d6b65504f475568524a7377725936554a594e45744d67732f554c534c3632425a497233734e5766674a4e304431774847585a53472f2b44444937396a7261504e494f79655762484d304c78307a516256746d374b3445716a7832786b44465236434a6a4a6c445651414341574641444b52523961446333517a712f654e6f42476f4761665177495045496671683042496259784a79564330336262734e71494d72454730475a6367734956773341466a66576d533749664c67486a4b392b785a5a41696775784675647149705578694331724257335776623447474f782b5a4e3455694c30344131754b493967455235416c455a56323644455136362f47466a3745686947674c333853612b454a4e474661316b6d556e7167503377374377457173465959777042626b6c6846594330656769616973744b5073453649706f4577616a6256776145394d5268574f51424e5a303054564e394c4e772b6d3638503461746f6d7a4f2f6542656577307472686845617559314350515245633634627370784748652b38424a354a61736866536d585a42386553506b39682f474f32366b6b554e5246553667696147787175395139676d70306c4735796631386a475751574b4d6e3877653755626b52427670484e44384354644463435a5548707666396630637275374d626c5275575034556c384c41374e36744e46346c774161737531476e6a515a3136473962634a462f64444f6168552f6b4b49666b395a4f54417068666b3648347a544c42706166646b584f6c484c346f373749353064374c436333636265333542315465784a544e4175573973766b4b58566d37664957655a73625462504e774f3576457a7a7437784d5242496f496d7832396f53644c6f387a323057665877375145646665335153364b2f4d426e4677445461576c6b41546a4b444d49376e7966565465434858564546737843364c5054334e4f2b464a5345685057795535496239794a4e582b6b35754551587a33667957704c425a634a6b5244636d64356b642b3248314e76627352614d4e764d75694332596a7258694b4d6c4d584d5459657841536939654131584565572f775247362b6c6d652f6a7a72347042693454675764464c3968475479783642314962506e4643615242692f53445148706d41745842776d54424d7377736c4e38626e50304c332f4e5667374436414c64346f394d6d504a5a4a6834544b6853664a504b4e327774655a31305a6c4972646b4250573162615a3031654b506363524f71777546616a4f646e76374752467133353275586f62584d39527a4778614133597159796a685a6f4b30462b66352b692b734537535a50476c793937363961613445357468574e37704f4e46704775317867664c5053304872624464397076592b33556c4e484658683843306e556634657052752f424842774e616f38767338555176674978575843396c6e514c4270356f557875515a5648764b344f6c5273376c5556564f46776d63706233614f642b2b784f564735617852702b62366b5166567371336a7351376269356c756948674d70484d5a547850722b7a483336447147366c6c42476a544a7a716c482b7a454477755869576f3135686c69375751617a4e2f447663322b534f37414833524777372f7935544b527466785058706246737567544270762b6e704e7a2b52386a766e435a4f4a394e6f664b41486d7273685944785a66447066416b614b374b662f67434a5a52766f55313061473850424664645363392f53733662702b596a6147784b50676a792b456551784453445168794369796e536f36466a52344d41696b48576945347a396835776e517259554f536e756633614d39464f7239497956347a4a524a6f6f2f7358764d664f7251582b4579636254374c4e2b5558534734544c527361324e76417672746448435a364f39776d7967696a4a6564516d62433978582f6c6153672f58717364626c6572555467654c4b726f55714e794c716b676d6c626374597952366d43784e364b514e724d3151754558434d4a6f6a4e43686d57316944544e5a6a2b57626466526a385359707244584177726e4442642f5470534c62783961724e646f5561696c3139454c3532366f56714e36584e6259594a426b4c747569304945514352304b516b355872483368586679312f2b6d6e4150774e6e34482f346f436769623841414141415355564f524b35435949493d)](https://www.react-kanca.com/)\n\n```jsx\nimport {\nuseAudioRecorder,\nuseBatteryInfo,\nuseBeforeUnload,\nuseCamera,\nuseClickOutside,\nuseColorScheme,\nuseConnection,\nuseCookie,\nuseCookieListener,\nuseCopyToClipboard,\nuseDebounce,\nuseDebounceCallback,\nuseDisableActions,\nuseDocumentTitle\nuseDrop,\nuseEqualObject,\nuseFetch,\nuseForceUpdate,\nuseFullScreen,\nuseFuzzySearch,\nuseGeolocation,\nuseHover,\nuseIntersectionObserver,\nuseInterval,\nuseIpInfo,\nuseIsFirstRender,\nuseLocalStorage,\nuseMedia,\nuseMobileLandscape,\nuseMousePageLeave,\nuseMultiStateValidator,\nuseOnlineStatus,\nusePageLeave,\nusePageVisible,\nusePreferredLanguage,\nusePrevious,\nuseRendersCount,\nuseS,\nuseScrollDirection,\nuseScrolling,\nuseScrollLock,\nuseScrollToElement,\nuseSelection,\nuseSessionStorage,\nuseSpeechToText,\nuseStateValidator,\nuseTextToSpeech,\nuseThrottle,\nuseToggle,\nuseUpdateEffect,\nuseURLSearchParams,\nuseUserAnalytics,\nuseWindowScroll,\nuseWindowSize,\nErrorBoundaryKanca\n} from 'react-kanca'\n\n// import 'react-kanca/dist/index.css'\n\nconst App = () =\u003e {\n    const { width, height } = useWindowSize()\n    const isVisible = usePageVisible()\n\n    .\n    .\n    .\n}\n```\n\n[![React Kanca](https://www.vectorlogo.zone/logos/reactjs/reactjs-icon.svg)](https://medium.com/@anilcanboga/react-kanca-0afba24625fa)\n\n## Lisans\n\nMIT © [anilcanboga](https://github.com/anilcanboga)\n\n\u003c!-- [![React.js](https://img.shields.io/badge/-ReactJs-61DAFB?logo=react\u0026logoColor=white\u0026style=for-the-badge)](https://medium.com/@anilcanboga/react-functional-components-t%C3%BCrk%C3%A7e-kaynak-d%C3%B6k%C3%BCman-1fcdc275adcc) --\u003e\n\n\u003c!-- [![React.js](https://shields.io/badge/react-black?logo=react\u0026style=for-the-badge)](https://medium.com/@anilcanboga/react-functional-components-t%C3%BCrk%C3%A7e-kaynak-d%C3%B6k%C3%BCman-1fcdc275adcc) [![Next.js](https://img.shields.io/badge/next.js-000000?style=for-the-badge\u0026logo=nextdotjs\u0026logoColor=white)](https://medium.com/@anilcanboga) --\u003e\n\n\u003c!-- [![React Kanca Storybook](https://raw.githubusercontent.com/storybookjs/brand/37c5e9bde5c56b69a8c4312de7d60fb3a9d7de9d/icon/icon-storybook-default.svg)](https://www.react-kanca.com/)\n --\u003e\n\n\u003c!--  [![Awesome](https://awesome.re/badge.svg)](https://awesome.re) --\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fanilcanboga%2Freact-kanca","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fanilcanboga%2Freact-kanca","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fanilcanboga%2Freact-kanca/lists"}