From 2c677f82fdbda1bab42b695f2fbaac48f389153d Mon Sep 17 00:00:00 2001 From: anilcanboga Date: Sun, 13 Apr 2025 19:52:42 +0300 Subject: [PATCH 01/24] rules-of-hooks --- src/content/reference/rules/rules-of-hooks.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/reference/rules/rules-of-hooks.md b/src/content/reference/rules/rules-of-hooks.md index ecaef7c60..a82d7b1d6 100644 --- a/src/content/reference/rules/rules-of-hooks.md +++ b/src/content/reference/rules/rules-of-hooks.md @@ -1,5 +1,5 @@ --- -title: Rules of Hooks +title: Hook'ların Kuralları --- From 92a9e5c27e44caac862b227a131cb13452316742 Mon Sep 17 00:00:00 2001 From: anilcanboga Date: Sun, 13 Apr 2025 19:53:05 +0300 Subject: [PATCH 02/24] rules-of-hooks --- src/content/reference/rules/rules-of-hooks.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/reference/rules/rules-of-hooks.md b/src/content/reference/rules/rules-of-hooks.md index a82d7b1d6..6fffee263 100644 --- a/src/content/reference/rules/rules-of-hooks.md +++ b/src/content/reference/rules/rules-of-hooks.md @@ -3,7 +3,7 @@ title: Hook'ların Kuralları --- -Hooks are defined using JavaScript functions, but they represent a special type of reusable UI logic with restrictions on where they can be called. +Hook'lar JavaScript fonksiyonları kullanılarak tanımlanır, ancak nerede çağrılabilecekleri konusunda kısıtlamaları olan özel bir yeniden kullanılabilir UI mantığı türünü temsil ederler. From f58649f0a77ad11d929bbc15cb64e9887a8be9e9 Mon Sep 17 00:00:00 2001 From: anilcanboga Date: Sun, 13 Apr 2025 19:53:23 +0300 Subject: [PATCH 03/24] rules-of-hooks --- src/content/reference/rules/rules-of-hooks.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/reference/rules/rules-of-hooks.md b/src/content/reference/rules/rules-of-hooks.md index 6fffee263..119594962 100644 --- a/src/content/reference/rules/rules-of-hooks.md +++ b/src/content/reference/rules/rules-of-hooks.md @@ -10,7 +10,7 @@ Hook'lar JavaScript fonksiyonları kullanılarak tanımlanır, ancak nerede ça --- -## Only call Hooks at the top level {/*only-call-hooks-at-the-top-level*/} +## Hook'ları yalnızca en üst düzeyde çağırın {/*only-call-hooks-at-the-top-level*/} Functions whose names start with `use` are called [*Hooks*](/reference/react) in React. From 57f3865a667f093c86c72c1a2e3deb31f2dd1ef2 Mon Sep 17 00:00:00 2001 From: anilcanboga Date: Sun, 13 Apr 2025 19:53:36 +0300 Subject: [PATCH 04/24] rules-of-hooks --- src/content/reference/rules/rules-of-hooks.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/reference/rules/rules-of-hooks.md b/src/content/reference/rules/rules-of-hooks.md index 119594962..cbb6f90c7 100644 --- a/src/content/reference/rules/rules-of-hooks.md +++ b/src/content/reference/rules/rules-of-hooks.md @@ -12,7 +12,7 @@ Hook'lar JavaScript fonksiyonları kullanılarak tanımlanır, ancak nerede ça ## Hook'ları yalnızca en üst düzeyde çağırın {/*only-call-hooks-at-the-top-level*/} -Functions whose names start with `use` are called [*Hooks*](/reference/react) in React. +İsimleri `use` ile başlayan fonksiyonlar React'te [*Hooks*](/reference/react) olarak adlandırılır. **Don’t call Hooks inside loops, conditions, nested functions, or `try`/`catch`/`finally` blocks.** Instead, always use Hooks at the top level of your React function, before any early returns. You can only call Hooks while React is rendering a function component: From 8e70c5339b89cbd88ca2b9fcc9d4aea330a073ce Mon Sep 17 00:00:00 2001 From: anilcanboga Date: Sun, 13 Apr 2025 20:02:42 +0300 Subject: [PATCH 05/24] rules-of-hooks --- src/content/reference/rules/rules-of-hooks.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/content/reference/rules/rules-of-hooks.md b/src/content/reference/rules/rules-of-hooks.md index cbb6f90c7..85099fa9c 100644 --- a/src/content/reference/rules/rules-of-hooks.md +++ b/src/content/reference/rules/rules-of-hooks.md @@ -14,9 +14,9 @@ Hook'lar JavaScript fonksiyonları kullanılarak tanımlanır, ancak nerede ça İsimleri `use` ile başlayan fonksiyonlar React'te [*Hooks*](/reference/react) olarak adlandırılır. -**Don’t call Hooks inside loops, conditions, nested functions, or `try`/`catch`/`finally` blocks.** Instead, always use Hooks at the top level of your React function, before any early returns. You can only call Hooks while React is rendering a function component: +**Hook'ları döngüler, koşullar, iç içe fonksiyonlar veya `try`/`catch`/`finally` blokları içinde çağırmayın.** Bunun yerine, Hook'ları her zaman React fonksiyonunuzun en üst seviyesinde, herhangi bir erken dönüşten önce kullanın. Hook'ları yalnızca React bir fonksiyon bileşenini işlerken çağırabilirsiniz: -* ✅ Call them at the top level in the body of a [function component](/learn/your-first-component). +* ✅ Bunları bir [fonksiyon bileşeninin](/learn/your-first-component) gövdesinde en üst seviyede çağırın. * ✅ Call them at the top level in the body of a [custom Hook](/learn/reusing-logic-with-custom-hooks). ```js{2-3,8-9} From 02b6f01b1679659e045f031e8473335e70bce4d4 Mon Sep 17 00:00:00 2001 From: anilcanboga Date: Sun, 13 Apr 2025 20:02:55 +0300 Subject: [PATCH 06/24] rules-of-hooks --- src/content/reference/rules/rules-of-hooks.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/reference/rules/rules-of-hooks.md b/src/content/reference/rules/rules-of-hooks.md index 85099fa9c..c1ad96d49 100644 --- a/src/content/reference/rules/rules-of-hooks.md +++ b/src/content/reference/rules/rules-of-hooks.md @@ -17,7 +17,7 @@ Hook'lar JavaScript fonksiyonları kullanılarak tanımlanır, ancak nerede ça **Hook'ları döngüler, koşullar, iç içe fonksiyonlar veya `try`/`catch`/`finally` blokları içinde çağırmayın.** Bunun yerine, Hook'ları her zaman React fonksiyonunuzun en üst seviyesinde, herhangi bir erken dönüşten önce kullanın. Hook'ları yalnızca React bir fonksiyon bileşenini işlerken çağırabilirsiniz: * ✅ Bunları bir [fonksiyon bileşeninin](/learn/your-first-component) gövdesinde en üst seviyede çağırın. -* ✅ Call them at the top level in the body of a [custom Hook](/learn/reusing-logic-with-custom-hooks). +* ✅ Bunları bir [özel Hook](/learn/reusing-logic-with-custom-hooks)'un gövdesinde en üst düzeyde çağırın. ```js{2-3,8-9} function Counter() { From 0257d8ad9d929194a053a47b2019220422d3379b Mon Sep 17 00:00:00 2001 From: anilcanboga Date: Sun, 13 Apr 2025 20:04:55 +0300 Subject: [PATCH 07/24] rules-of-hooks --- src/content/reference/rules/rules-of-hooks.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/src/content/reference/rules/rules-of-hooks.md b/src/content/reference/rules/rules-of-hooks.md index c1ad96d49..578f9cb16 100644 --- a/src/content/reference/rules/rules-of-hooks.md +++ b/src/content/reference/rules/rules-of-hooks.md @@ -21,21 +21,21 @@ Hook'lar JavaScript fonksiyonları kullanılarak tanımlanır, ancak nerede ça ```js{2-3,8-9} function Counter() { - // ✅ Good: top-level in a function component + // ✅ İyi: bir işlev bileşeninde üst düzey const [count, setCount] = useState(0); // ... } function useWindowWidth() { - // ✅ Good: top-level in a custom Hook + // ✅ İyi: özel bir Hook içinde üst düzey const [width, setWidth] = useState(window.innerWidth); // ... } ``` -It’s **not** supported to call Hooks (functions starting with `use`) in any other cases, for example: +Hook'ları (`use` ile başlayan fonksiyonlar) başka herhangi bir durumda çağırmak **desteklenmez**, örneğin: -* 🔴 Do not call Hooks inside conditions or loops. +* 🔴 Hook'ları koşulların veya döngülerin içinde çağırmayın. * 🔴 Do not call Hooks after a conditional `return` statement. * 🔴 Do not call Hooks in event handlers. * 🔴 Do not call Hooks in class components. From 59de71d5cd108651a52f60288d47b165120368c9 Mon Sep 17 00:00:00 2001 From: anilcanboga Date: Sun, 13 Apr 2025 20:05:04 +0300 Subject: [PATCH 08/24] rules-of-hooks --- src/content/reference/rules/rules-of-hooks.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/reference/rules/rules-of-hooks.md b/src/content/reference/rules/rules-of-hooks.md index 578f9cb16..c0b5b95f4 100644 --- a/src/content/reference/rules/rules-of-hooks.md +++ b/src/content/reference/rules/rules-of-hooks.md @@ -36,7 +36,7 @@ function useWindowWidth() { Hook'ları (`use` ile başlayan fonksiyonlar) başka herhangi bir durumda çağırmak **desteklenmez**, örneğin: * 🔴 Hook'ları koşulların veya döngülerin içinde çağırmayın. -* 🔴 Do not call Hooks after a conditional `return` statement. +* 🔴 Hook'ları koşullu bir `return` ifadesinden sonra çağırmayın. * 🔴 Do not call Hooks in event handlers. * 🔴 Do not call Hooks in class components. * 🔴 Do not call Hooks inside functions passed to `useMemo`, `useReducer`, or `useEffect`. From aa109a742742523c08c3128260c87280cf0817bb Mon Sep 17 00:00:00 2001 From: anilcanboga Date: Sun, 13 Apr 2025 20:05:16 +0300 Subject: [PATCH 09/24] rules-of-hooks --- src/content/reference/rules/rules-of-hooks.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/reference/rules/rules-of-hooks.md b/src/content/reference/rules/rules-of-hooks.md index c0b5b95f4..154167833 100644 --- a/src/content/reference/rules/rules-of-hooks.md +++ b/src/content/reference/rules/rules-of-hooks.md @@ -37,7 +37,7 @@ Hook'ları (`use` ile başlayan fonksiyonlar) başka herhangi bir durumda çağ * 🔴 Hook'ları koşulların veya döngülerin içinde çağırmayın. * 🔴 Hook'ları koşullu bir `return` ifadesinden sonra çağırmayın. -* 🔴 Do not call Hooks in event handlers. +* 🔴 Hook'ları olay işleyicilerinde çağırmayın. * 🔴 Do not call Hooks in class components. * 🔴 Do not call Hooks inside functions passed to `useMemo`, `useReducer`, or `useEffect`. * 🔴 Do not call Hooks inside `try`/`catch`/`finally` blocks. From 7586abbacbf6d4bc5a453e7e124317237ad92003 Mon Sep 17 00:00:00 2001 From: anilcanboga Date: Sun, 13 Apr 2025 20:05:24 +0300 Subject: [PATCH 10/24] rules-of-hooks --- src/content/reference/rules/rules-of-hooks.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/reference/rules/rules-of-hooks.md b/src/content/reference/rules/rules-of-hooks.md index 154167833..a3bbc8133 100644 --- a/src/content/reference/rules/rules-of-hooks.md +++ b/src/content/reference/rules/rules-of-hooks.md @@ -38,7 +38,7 @@ Hook'ları (`use` ile başlayan fonksiyonlar) başka herhangi bir durumda çağ * 🔴 Hook'ları koşulların veya döngülerin içinde çağırmayın. * 🔴 Hook'ları koşullu bir `return` ifadesinden sonra çağırmayın. * 🔴 Hook'ları olay işleyicilerinde çağırmayın. -* 🔴 Do not call Hooks in class components. +* 🔴 Hook'ları sınıf bileşenlerinde çağırmayın. * 🔴 Do not call Hooks inside functions passed to `useMemo`, `useReducer`, or `useEffect`. * 🔴 Do not call Hooks inside `try`/`catch`/`finally` blocks. From 9680e2eeae64e2ffb770efbaf885ac8781527d65 Mon Sep 17 00:00:00 2001 From: anilcanboga Date: Sun, 13 Apr 2025 20:05:31 +0300 Subject: [PATCH 11/24] rules-of-hooks --- src/content/reference/rules/rules-of-hooks.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/reference/rules/rules-of-hooks.md b/src/content/reference/rules/rules-of-hooks.md index a3bbc8133..011a582db 100644 --- a/src/content/reference/rules/rules-of-hooks.md +++ b/src/content/reference/rules/rules-of-hooks.md @@ -39,7 +39,7 @@ Hook'ları (`use` ile başlayan fonksiyonlar) başka herhangi bir durumda çağ * 🔴 Hook'ları koşullu bir `return` ifadesinden sonra çağırmayın. * 🔴 Hook'ları olay işleyicilerinde çağırmayın. * 🔴 Hook'ları sınıf bileşenlerinde çağırmayın. -* 🔴 Do not call Hooks inside functions passed to `useMemo`, `useReducer`, or `useEffect`. +* 🔴 Hook'ları `useMemo`, `useReducer` veya `useEffect`'e geçirilen fonksiyonların içinde çağırmayın. * 🔴 Do not call Hooks inside `try`/`catch`/`finally` blocks. If you break these rules, you might see this error. From b96d21a235b8a7fb0e8bad00e58cf2fed3c86432 Mon Sep 17 00:00:00 2001 From: anilcanboga Date: Sun, 13 Apr 2025 20:05:36 +0300 Subject: [PATCH 12/24] rules-of-hooks --- src/content/reference/rules/rules-of-hooks.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/reference/rules/rules-of-hooks.md b/src/content/reference/rules/rules-of-hooks.md index 011a582db..6ca65f873 100644 --- a/src/content/reference/rules/rules-of-hooks.md +++ b/src/content/reference/rules/rules-of-hooks.md @@ -40,7 +40,7 @@ Hook'ları (`use` ile başlayan fonksiyonlar) başka herhangi bir durumda çağ * 🔴 Hook'ları olay işleyicilerinde çağırmayın. * 🔴 Hook'ları sınıf bileşenlerinde çağırmayın. * 🔴 Hook'ları `useMemo`, `useReducer` veya `useEffect`'e geçirilen fonksiyonların içinde çağırmayın. -* 🔴 Do not call Hooks inside `try`/`catch`/`finally` blocks. +* 🔴 Hook'ları `try`/`catch`/`finally` blokları içinde çağırmayın. If you break these rules, you might see this error. From 91a84926f50220a7affe06d1f6e7f0631641c2fe Mon Sep 17 00:00:00 2001 From: anilcanboga Date: Sun, 13 Apr 2025 20:09:19 +0300 Subject: [PATCH 13/24] rules-of-hooks --- src/content/reference/rules/rules-of-hooks.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/content/reference/rules/rules-of-hooks.md b/src/content/reference/rules/rules-of-hooks.md index 6ca65f873..bf587069f 100644 --- a/src/content/reference/rules/rules-of-hooks.md +++ b/src/content/reference/rules/rules-of-hooks.md @@ -42,12 +42,12 @@ Hook'ları (`use` ile başlayan fonksiyonlar) başka herhangi bir durumda çağ * 🔴 Hook'ları `useMemo`, `useReducer` veya `useEffect`'e geçirilen fonksiyonların içinde çağırmayın. * 🔴 Hook'ları `try`/`catch`/`finally` blokları içinde çağırmayın. -If you break these rules, you might see this error. +Bu kuralları ihlal ederseniz, bu hatayı görebilirsiniz. ```js{3-4,11-12,20-21} function Bad({ cond }) { if (cond) { - // 🔴 Bad: inside a condition (to fix, move it outside!) + // 🔴 Kötü: bir durumun içinde (düzeltmek için, dışarı taşıyın!) const theme = useContext(ThemeContext); } // ... From 9f19007b4d588286b82721d8b12b2f1842c39942 Mon Sep 17 00:00:00 2001 From: anilcanboga Date: Sun, 13 Apr 2025 20:10:03 +0300 Subject: [PATCH 14/24] rules-of-hooks --- src/content/reference/rules/rules-of-hooks.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/content/reference/rules/rules-of-hooks.md b/src/content/reference/rules/rules-of-hooks.md index bf587069f..83ac84675 100644 --- a/src/content/reference/rules/rules-of-hooks.md +++ b/src/content/reference/rules/rules-of-hooks.md @@ -55,7 +55,7 @@ function Bad({ cond }) { function Bad() { for (let i = 0; i < 10; i++) { - // 🔴 Bad: inside a loop (to fix, move it outside!) + // 🔴 Kötü: bir döngünün içinde (düzeltmek için dışarı taşıyın!) const theme = useContext(ThemeContext); } // ... @@ -65,7 +65,7 @@ function Bad({ cond }) { if (cond) { return; } - // 🔴 Bad: after a conditional return (to fix, move it before the return!) + // 🔴 Kötü: koşullu dönüşten sonra (düzeltmek için dönüşten önce taşıyın!) const theme = useContext(ThemeContext); // ... } From 3bbd7fbd288449e752f380edbe6c4e7f8e2c0dbd Mon Sep 17 00:00:00 2001 From: anilcanboga Date: Sun, 13 Apr 2025 20:10:14 +0300 Subject: [PATCH 15/24] rules-of-hooks --- src/content/reference/rules/rules-of-hooks.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/reference/rules/rules-of-hooks.md b/src/content/reference/rules/rules-of-hooks.md index 83ac84675..a4b6efdb0 100644 --- a/src/content/reference/rules/rules-of-hooks.md +++ b/src/content/reference/rules/rules-of-hooks.md @@ -72,7 +72,7 @@ function Bad({ cond }) { function Bad() { function handleClick() { - // 🔴 Bad: inside an event handler (to fix, move it outside!) + // 🔴 Kötü: bir olay işleyicisinin içinde (düzeltmek için dışarı taşıyın!) const theme = useContext(ThemeContext); } // ... From 42f10d258d7f4c2420adeaaf3fcb0e078ec18ebb Mon Sep 17 00:00:00 2001 From: anilcanboga Date: Sun, 13 Apr 2025 20:10:25 +0300 Subject: [PATCH 16/24] rules-of-hooks --- src/content/reference/rules/rules-of-hooks.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/reference/rules/rules-of-hooks.md b/src/content/reference/rules/rules-of-hooks.md index a4b6efdb0..97bfa6f50 100644 --- a/src/content/reference/rules/rules-of-hooks.md +++ b/src/content/reference/rules/rules-of-hooks.md @@ -80,7 +80,7 @@ function Bad() { function Bad() { const style = useMemo(() => { - // 🔴 Bad: inside useMemo (to fix, move it outside!) + // 🔴 Kötü: useMemo'nun içinde (düzeltmek için dışarı taşıyın!) const theme = useContext(ThemeContext); return createStyle(theme); }); From 690b7fe602e7a31a82478e74419b562a370ebdf9 Mon Sep 17 00:00:00 2001 From: anilcanboga Date: Sun, 13 Apr 2025 20:10:45 +0300 Subject: [PATCH 17/24] rules-of-hooks --- src/content/reference/rules/rules-of-hooks.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/reference/rules/rules-of-hooks.md b/src/content/reference/rules/rules-of-hooks.md index 97bfa6f50..5c1ae18ec 100644 --- a/src/content/reference/rules/rules-of-hooks.md +++ b/src/content/reference/rules/rules-of-hooks.md @@ -89,7 +89,7 @@ function Bad() { class Bad extends React.Component { render() { - // 🔴 Bad: inside a class component (to fix, write a function component instead of a class!) + // 🔴 Kötü: bir sınıf bileşeninin içinde (düzeltmek için, sınıf yerine bir fonksiyon bileşeni yazın!) useEffect(() => {}) // ... } From b5f7384ea4902f85c7b3393667bf9f24321eb13c Mon Sep 17 00:00:00 2001 From: anilcanboga Date: Sun, 13 Apr 2025 20:10:55 +0300 Subject: [PATCH 18/24] rules-of-hooks --- src/content/reference/rules/rules-of-hooks.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/reference/rules/rules-of-hooks.md b/src/content/reference/rules/rules-of-hooks.md index 5c1ae18ec..5394b3b3e 100644 --- a/src/content/reference/rules/rules-of-hooks.md +++ b/src/content/reference/rules/rules-of-hooks.md @@ -97,7 +97,7 @@ class Bad extends React.Component { function Bad() { try { - // 🔴 Bad: inside try/catch/finally block (to fix, move it outside!) + // 🔴 Kötü: try/catch/finally bloğu içinde (düzeltmek için dışarı taşıyın!) const [x, setX] = useState(0); } catch { const [x, setX] = useState(1); From 5ab0bbab410d25c65aea801a3d9072793aa76290 Mon Sep 17 00:00:00 2001 From: anilcanboga Date: Sun, 13 Apr 2025 20:12:23 +0300 Subject: [PATCH 19/24] rules-of-hooks --- src/content/reference/rules/rules-of-hooks.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/content/reference/rules/rules-of-hooks.md b/src/content/reference/rules/rules-of-hooks.md index 5394b3b3e..eabe17131 100644 --- a/src/content/reference/rules/rules-of-hooks.md +++ b/src/content/reference/rules/rules-of-hooks.md @@ -105,11 +105,11 @@ function Bad() { } ``` -You can use the [`eslint-plugin-react-hooks` plugin](https://www.npmjs.com/package/eslint-plugin-react-hooks) to catch these mistakes. +Bu hataları yakalamak için [`eslint-plugin-react-hooks` eklentisini](https://www.npmjs.com/package/eslint-plugin-react-hooks) kullanabilirsiniz. -[Custom Hooks](/learn/reusing-logic-with-custom-hooks) *may* call other Hooks (that's their whole purpose). This works because custom Hooks are also supposed to only be called while a function component is rendering. +[Özel Hook'lar](/learn/reusing-logic-with-custom-hooks) *diğer Hook'ları çağırabilir* (tüm amaçları budur). Bu işe yarar çünkü özel Hook'ların da yalnızca bir işlev bileşeni işlenirken çağrılması gerekir. From 8eb29c6cd4d80f97f86b6f62bbe0509c30514874 Mon Sep 17 00:00:00 2001 From: anilcanboga Date: Sun, 13 Apr 2025 20:12:38 +0300 Subject: [PATCH 20/24] rules-of-hooks --- src/content/reference/rules/rules-of-hooks.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/reference/rules/rules-of-hooks.md b/src/content/reference/rules/rules-of-hooks.md index eabe17131..b6ab1f3dd 100644 --- a/src/content/reference/rules/rules-of-hooks.md +++ b/src/content/reference/rules/rules-of-hooks.md @@ -115,7 +115,7 @@ Bu hataları yakalamak için [`eslint-plugin-react-hooks` eklentisini](https://w --- -## Only call Hooks from React functions {/*only-call-hooks-from-react-functions*/} +## Hook'ları yalnızca React fonksiyonlarından çağırın {/*only-call-hooks-from-react-functions*/} Don’t call Hooks from regular JavaScript functions. Instead, you can: From c316b048927daf09aa7014c3380990387410749e Mon Sep 17 00:00:00 2001 From: anilcanboga Date: Sun, 13 Apr 2025 20:12:49 +0300 Subject: [PATCH 21/24] rules-of-hooks --- src/content/reference/rules/rules-of-hooks.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/reference/rules/rules-of-hooks.md b/src/content/reference/rules/rules-of-hooks.md index b6ab1f3dd..b80f581e4 100644 --- a/src/content/reference/rules/rules-of-hooks.md +++ b/src/content/reference/rules/rules-of-hooks.md @@ -117,7 +117,7 @@ Bu hataları yakalamak için [`eslint-plugin-react-hooks` eklentisini](https://w ## Hook'ları yalnızca React fonksiyonlarından çağırın {/*only-call-hooks-from-react-functions*/} -Don’t call Hooks from regular JavaScript functions. Instead, you can: +Hook'ları normal JavaScript fonksiyonlarından çağırmayın. Bunun yerine şunları yapabilirsiniz: ✅ Call Hooks from React function components. ✅ Call Hooks from [custom Hooks](/learn/reusing-logic-with-custom-hooks#extracting-your-own-custom-hook-from-a-component). From a1f5266757a809b7a7e85c6d6f74200550b421eb Mon Sep 17 00:00:00 2001 From: anilcanboga Date: Sun, 13 Apr 2025 20:13:27 +0300 Subject: [PATCH 22/24] rules-of-hooks --- src/content/reference/rules/rules-of-hooks.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/content/reference/rules/rules-of-hooks.md b/src/content/reference/rules/rules-of-hooks.md index b80f581e4..dbb7c064c 100644 --- a/src/content/reference/rules/rules-of-hooks.md +++ b/src/content/reference/rules/rules-of-hooks.md @@ -119,8 +119,8 @@ Bu hataları yakalamak için [`eslint-plugin-react-hooks` eklentisini](https://w Hook'ları normal JavaScript fonksiyonlarından çağırmayın. Bunun yerine şunları yapabilirsiniz: -✅ Call Hooks from React function components. -✅ Call Hooks from [custom Hooks](/learn/reusing-logic-with-custom-hooks#extracting-your-own-custom-hook-from-a-component). +✅ React fonksiyon bileşenlerinden Hook'ları çağırın. +✅ Hook'ları [özel Hook'lar](/learn/reusing-logic-with-custom-hooks#extracting-your-own-custom-hook-from-a-component)'dan çağırın. By following this rule, you ensure that all stateful logic in a component is clearly visible from its source code. From 047baa80019b27818d5e4035a33d1c095eb0748f Mon Sep 17 00:00:00 2001 From: anilcanboga Date: Sun, 13 Apr 2025 20:14:04 +0300 Subject: [PATCH 23/24] rules-of-hooks --- src/content/reference/rules/rules-of-hooks.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/reference/rules/rules-of-hooks.md b/src/content/reference/rules/rules-of-hooks.md index dbb7c064c..a7aec25e1 100644 --- a/src/content/reference/rules/rules-of-hooks.md +++ b/src/content/reference/rules/rules-of-hooks.md @@ -122,7 +122,7 @@ Hook'ları normal JavaScript fonksiyonlarından çağırmayın. Bunun yerine şu ✅ React fonksiyon bileşenlerinden Hook'ları çağırın. ✅ Hook'ları [özel Hook'lar](/learn/reusing-logic-with-custom-hooks#extracting-your-own-custom-hook-from-a-component)'dan çağırın. -By following this rule, you ensure that all stateful logic in a component is clearly visible from its source code. +Bu kuralı izleyerek, bir bileşendeki tüm durum mantığının kaynak kodundan açıkça görülebilmesini sağlarsınız. ```js {2,5} function FriendList() { From 949e37cb626597e1b62184f059753847067f248b Mon Sep 17 00:00:00 2001 From: anilcanboga Date: Sun, 13 Apr 2025 20:14:17 +0300 Subject: [PATCH 24/24] rules-of-hooks --- src/content/reference/rules/rules-of-hooks.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/reference/rules/rules-of-hooks.md b/src/content/reference/rules/rules-of-hooks.md index a7aec25e1..53197e986 100644 --- a/src/content/reference/rules/rules-of-hooks.md +++ b/src/content/reference/rules/rules-of-hooks.md @@ -129,7 +129,7 @@ function FriendList() { const [onlineStatus, setOnlineStatus] = useOnlineStatus(); // ✅ } -function setOnlineStatus() { // ❌ Not a component or custom Hook! +function setOnlineStatus() { // ❌ Bir bileşen veya özel Hook değil! const [onlineStatus, setOnlineStatus] = useOnlineStatus(); } ```