You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: src/content/learn/keeping-components-pure.md
+6-6
Original file line number
Diff line number
Diff line change
@@ -4,19 +4,19 @@ title: Bileşenleri Saf Tutmak
4
4
5
5
<Intro>
6
6
7
-
Bazı JavaScript fonksiyonları *saf* olarak adlandırılır.Saf fonksiyonlar sadece bir hesaplama yaparlar ve başka bir işlem gerçekleştirmezler. Bileşenlerinizi sadece saf fonksiyonlar olarak yazarak, kod tabanınız büyüdükçe ortaya çıkabilecek birçok karmaşık hatayı ve öngörülemeyen davranışları önleyebilirsiniz. Ancak, bu faydaları elde etmek için bazı kurallara uymalısınız.
7
+
Bazı JavaScript fonksiyonları *saf* olarak adlandırılır.Saf fonksiyonlar sadece bir hesaplama yaparlar ve başka bir işlem gerçekleştirmezler. Bileşenlerinizi sadece saf fonksiyonlar olarak yazarak, kod tabanınız büyüdükçe ortaya çıkabilecek birçok karmaşık hatayı ve öngörülemeyen davranışları önleyebilirsiniz. Ancak, bu faydaları elde etmek için bazı kurallara uymalısınız.
8
8
9
9
</Intro>
10
10
11
11
<YouWillLearn>
12
12
13
-
*Sadelik nedir ve hatalardan kaçınmanıza nasıl yardımcı olur,
14
-
* Değişiklikleri render aşaması dışında tutarak bileşenleri nasıl sade tutabileceğiniz,
13
+
*Saflık nedir ve hatalardan kaçınmanıza nasıl yardımcı olur,
14
+
* Değişiklikleri render aşaması dışında tutarak bileşenleri nasıl saf tutabileceğiniz,
15
15
* Bileşenlerinizdeki hataları bulmak için Strict Modu'u nasıl kullanacağınız.
16
16
17
17
</YouWillLearn>
18
18
19
-
## Sadelik: Formüller olarak bileşenler {/*purity-components-as-formulas*/}
19
+
## Saflık: Formüller olarak bileşenler {/*purity-components-as-formulas*/}
20
20
21
21
Bilgisayar biliminde (ve özellikle fonksiyonel programlama dünyasında), [saf bir fonksiyon](https://wikipedia.org/wiki/Pure_function) aşağıdaki özelliklere sahip fonksiyonlardır:
22
22
@@ -88,7 +88,7 @@ Bileşenlerinizi de bir tarif gibi düşünebilirsiniz: bunları takip eder ve p
88
88
89
89
## Yan Etkileri: isten(mey)en sonuçlar {/*side-effects-unintended-consequences*/}
90
90
91
-
React'in render işlemi her zaman sade olmalıdır. Bileşenler yalnızca JSX'lerini *döndürmeli,* ve render işleminden önce var olan herhangi bir nesne veya değişkeni *değiştirmemelidir* - aksi takdirde bileşenler saf olmaktan çıkar!
91
+
React'in render işlemi her zaman saf olmalıdır. Bileşenler yalnızca JSX'lerini *döndürmeli,* ve render işleminden önce var olan herhangi bir nesne veya değişkeni *değiştirmemelidir* - aksi takdirde bileşenler saf olmaktan çıkar!
92
92
93
93
İşte bu kuralı ihlal eden bir bileşen örneği:
94
94
@@ -142,7 +142,7 @@ export default function TeaSet() {
142
142
143
143
</Sandpack>
144
144
145
-
Artık bileşeniniz sade bir durumda, çünkü döndürdüğü JSX yalnızca `misafir` prop’una bağlı.
145
+
Artık bileşeniniz saf bir durumda, çünkü döndürdüğü JSX yalnızca `misafir` prop’una bağlı.
146
146
147
147
Genel olarak, bileşenlerinizin belirli bir sırada işlenmesiniz beklememelisiniz. <Math><MathI>y</MathI> = 2<MathI>x</MathI></Math>'i, <Math><MathI>y</MathI> = 5<MathI>x</MathI></Math>'ten önce veya sonra çağırmanız farketmez: Her iki formül de birbirinden bağımsız olarak çözülecektir. Aynı şekilde, her bileşen yalnızca "kendi için düşünmeli" ve render işlemi sırasında diğer bileşenlerle koordine etmeye veya onlara bağımlı olmaya çalışmamalıdır. Render işlemi bir okul sınavı gibi: her bileşen kendi JSX'ini hesaplamalıdır!
0 commit comments