diff --git a/README.md b/README.md index ab93a63..7d890b2 100644 --- a/README.md +++ b/README.md @@ -34,6 +34,7 @@ MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.or | 🇧🇷 Brazilian Portuguese | 🇵🇱 Polski | 🇯🇵 日本語 +| 🇹🇷 Türkçe ## 💡 Why? @@ -44,7 +45,7 @@ Therefore, I have created `beautiful-react-hooks`, a collection of useful [React help other developers speed up their development process.\ Moreover, I have strived to create a concise and practical API that emphasizes code readability, while keeping the learning curve as low as possible, making it suitable for larger teams to use and share - +t **-- Please before using any hook, read its documentation! --** ## ☕️ Features diff --git a/docs/README.tr-TR.md b/docs/README.tr-TR.md new file mode 100644 index 0000000..fe4a9e5 --- /dev/null +++ b/docs/README.tr-TR.md @@ -0,0 +1,159 @@ +![CI/CD](https://github.com/beautifulinteractions/beautiful-react-hooks/workflows/CI/CD/badge.svg) +[![Coverage Status](https://coveralls.io/repos/github/beautifulinteractions/beautiful-react-hooks/badge.svg?branch=master)](https://coveralls.io/github/beautifulinteractions/beautiful-react-hooks?branch=master)[![License: +MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT) +![npm](https://img.shields.io/npm/v/beautiful-react-hooks) +![GitHub stars](https://img.shields.io/github/stars/beautifulinteractions/beautiful-react-hooks?style=social) + +
+

+ Beautiful React Hooks +

+
+
+
+

+ Geliştirme sürecinizi hızlandırmak ve daha verimli hale getirmek için özel olarak hazırlanmış React hooklar koleksiyonu. +

+
+ +
+

+ + 🌟 Bütün Özel React Hookları 🌟 + +

+
+ +![Usage example](../usage_example.png) + +🇬🇧 English | 🇨🇳 简体中文 +| 🇮🇹 Italiano +| 🇪🇸 Español +| 🇺🇦 Ukrainian +| 🇧🇷 Brazilian Portuguese +| 🇵🇱 Polski +| 🇯🇵 日本語 +| 🇹🇷 Türkçe + +## 💡 Neden? + +Özel React hooklar, geliştiricilere bileşenlerin iş mantığını tek, yeniden kullanılabilir işlevlere soyutlama imkanı sağlar. +Oluşturduğum ve projeler arasında paylaştığım birçok hookun geri çağrıları, referansları, etkinlikleri ve bileşen yaşam döngüsü ile ilgili olduğunu fark ettim.\ +Bu nedenle `beautiful-react-hooks`, adlı, diğer geliştiricilerin geliştirme süreçlerini hızlandırmalarına yardımcı olabilecek kullanışlı [React hooks](https://beta.reactjs.org/reference/react) koleksiyonunu oluşturdum. +Ayrıca, kod okunabilirliğini vurgulayan, öğrenme eğrisini mümkün olduğunca düşük tutarak daha büyük ekiplerin kullanımı ve paylaşımı için uygun hale getiren özlü ve pratik bir API oluşturmayı amaçladım. + +**-- Lütfen herhangi bir hook'u kullanmadan önce belgesini okuyun! --** + +## ☕️ Özellikler + +- Sade API +- Hafif ve küçük +- Öğrenmesi kolay + +
+

+ + 🌟 Bütün Özel React Hookları 🌟 + +

+
+ +## 🕺 Kurulumu + +`npm` kullanıyorsanız: + +```bash +$ npm install beautiful-react-hooks +``` + +`yarn` kullanıyorsanız: + +```bash +$ yarn add beautiful-react-hooks +``` + +## Temel kullanımı + +İstediğiniz özel hook'u aşağıdaki şekilde import ederek kolayca kullanabilirsin.: + +```ts static +import useSomeHook from "beautiful-react-hooks/useSomeHook"; +``` + +## 🎨 Hooks + +- [useMutableState](docs/useMutableState.md) +- [useInfiniteScroll](docs/useInfiniteScroll.md) +- [useObservable](docs/useObservable.md) +- [useEvent](docs/useEvent.md) +- [useGlobalEvent](docs/useGlobalEvent.md) +- [usePreviousValue](docs/usePreviousValue.md) +- [useValueHistory](docs/useValueHistory.md) +- [useValidatedState](docs/useValidatedState.md) +- [useMediaQuery](docs/useMediaQuery.md) +- [useOnlineState](docs/useOnlineState.md) +- [useViewportSpy](docs/useViewportSpy.md) +- [useViewportState](docs/useViewportState.md) +- [useSpeechRecognition](docs/useSpeechRecognition.md) and [useSpeechSynthesis](docs/useSpeechSynthesis.md) +- [useGeolocation](docs/useGeolocation.md), [useGeolocationState](docs/useGeolocationState.md) + and [useGeolocationEvents](docs/useGeolocationEvents.md) +- [useDrag](docs/useDrag.md), [useDropZone](docs/useDropZone.md) and [useDragEvents](docs/useDragEvents.md) +- [useMouse](docs/useMouse.md), [useMouseState](docs/useMouseState.md) and [useMouseEvents](docs/useMouseEvents.md) +- [useTouch](docs/useTouch.md), [useTouchState](docs/useTouchState.md) and [useTouchEvents](docs/useTouchEvents.md) +- [useLifecycle](docs/useLifecycle.md), [useDidMount](docs/useDidMount.md) and [useWillUnmount](docs/useWillUnmount.md) +- [useWindowResize](docs/useWindowResize.md) +- [useWindowScroll](docs/useWindowScroll.md) +- [useRequestAnimationFrame](docs/useRequestAnimationFrame.md) +- [useResizeObserver](docs/useResizeObserver.md) +- [useTimeout](docs/useTimeout.md) +- [useInterval](docs/useInterval.md) +- [useDebouncedCallback](docs/useDebouncedCallback.md) +- [useThrottledCallback](docs/useThrottledCallback.md) +- [useLocalStorage](docs/useLocalStorage.md) +- [useSessionStorage](docs/useSessionStorage.md) +- [useDefaultedState](docs/useDefaultedState.md) +- [useRenderInfo](docs/useRenderInfo.md) +- [useSwipe](docs/useSwipe.md), [useHorizontalSwipe](docs/useHorizontalSwipe.md) and [useVerticalSwipe](docs/useVerticalSwipe.md) +- [useSwipeEvents](docs/useSwipeEvents.md) +- [useConditionalTimeout](docs/useConditionalTimeout.md) +- [useCookie](docs/useCookie.md) +- [useDarkMode](docs/useDarkMode.md) +- [useUnmount](docs/useUnmount.md) +- [useUpdateEffect](docs/useUpdateEffect.md) +- [useIsFirstRender](docs/useIsFirstRender.md) +- [useMutationObserver](docs/useMutationObserver.md) +- [useAudio](docs/useAudio.md) +- [useObjectState](docs/useObjectState.md) +- [useToggle](docs/useToggle.md) +- [useQueryParam](docs/useQueryParam.md) +- [useQueryParams](docs/useQueryParams.md) +- [useSearchQuery](docs/useSearchQuery.md) +- [useURLSearchParams](docs/useURLSearchParams.md) + +
+

+ + 🌟 Bütün Özel React Hookları🌟 + +

+
+ +## Eş Bağımlılıklar + +Bazı hooklar üçüncü taraf kütüphaneleri kullanarak oluşturulur (örneğin rxjs, react-router-dom, redux gibi). Bu nedenle, bu kütüphaneleri eş bağımlılıklar olarak listelenmiş olarak göreceksiniz.\ +Eğer bu hookları doğrudan kullanmıyorsanız, bu bağımlılıkları yüklemeniz gerekmez + +## Katkıda Bulunma + +Katkıda bulunmak hoş görülür ve istenir. + +Özel hook'unuzu göndermeden önce [CONTRIBUTING](./CONTRIBUTING.md) yönergelerini tamamen okuduğunuzdan ve anladığınızdan emin olun. + +**Pull isteğini göndermeden önce**: Lütfen aşağıdakilere dikkat edin + +1. Kodunuz için testler yazmayı unutmayın ve çekme isteğinizi göndermeden önce `npm test` ve `npm build` komutlarını çalıştırın. +2. Eğer özel bir hook oluşturuyorsanız, lütfen özel hook'unuzu belgelediğinizden emin olun (_Özel hook'unuzu belgelemek için [HOOK_DOCUMENTATION_TEMPLATE](./HOOK_DOCUMENTATION_TEMPLATE.md) bu dökümanı kullanabilirsiniz._). + +## Katkılar + +Simge [Freepik](https://www.flaticon.com/authors/freepik) tarafından [www.flaticon.com](https://www.flaticon.com/free-icon/hook_1081812) adresinden oluşturuldu.