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
+4-4
Original file line number
Diff line number
Diff line change
@@ -158,7 +158,7 @@ React, geliştirme sırasında her bileşenin işlevini iki kez çağırdığı
158
158
159
159
Orijinal örneğin "Guest #2", "Guest #4" ve "Guest #6" yerine "Guest #1", "Guest #2" ve "Guest #3" yerine nasıl görüntülendiğine dikkat edin. Orijinal fonksiyon saf değildi, bu yüzden onu iki kez çağırmak onu bozdu. Ancak sabit saf fonksiyon, işlev her seferinde iki kez çağrılsa bile çalışır. **Saf fonksiyonlar yalnızca hesaplama yapar, bu yüzden onları iki kez çağırmak hiçbir şeyi değiştirmez** -- tıpkı `double(2)`'yi iki kez çağırmanın döndürülen şeyi değiştirmemesi, <Math><MathI>y</MathI> = 2<MathI>x</MathI></Math>'i iki kez çözmenin <MathI>y</MathI>'yi değiştirmemesi gibi. Aynı girdiler, aynı çıktılar. Her zaman.
160
160
161
-
Strict Mode'un üretimde hiçbir etkisi yoktur, bu nedenle kullanıcılarınız için uygulamayı yavaşlatmaz. Strict Mode'u etkinleştirmek için kök bileşeninizi `<React.StrictMode>` içine sarabilirsiniz. Bazı kütüphaneler bunu varsayılan olarak yapar.
161
+
Strict Mode'un canlıda hiçbir etkisi yoktur, bu nedenle kullanıcılarınız için uygulamayı yavaşlatmaz. Strict Mode'u etkinleştirmek için kök bileşeninizi `<React.StrictMode>` içine sarabilirsiniz. Bazı kütüphaneler bunu varsayılan olarak yapar.
162
162
163
163
</DeepDive>
164
164
@@ -194,9 +194,9 @@ Ancak, `TeaGathering` içindeki aynı *render işlemi sırasında* oluşturduğu
194
194
195
195
Fonksiyonel programlama, büyük ölçüde saflığa dayanırken, bir noktada, bir yerde, bir şeyin değişmesi gerekir. Bu, programlamanın bir nevi amacıdır! Ekranın güncellenmesi, bir animasyonun başlatılması, verilerin değiştirilmesi gibi değişikliklere **yan etkiler** denir. Bunlar, render işlemi sırasında değil, _"yan tarafta"_ meydana gelen şeylerdir.
196
196
197
-
React'te, **yan etkiler genellikle [event handlers.](/learn/responding-to-events) içine yazılır**. Event Handlerlar, bir işlem gerçekleştirdiğinizde (örneğin, bir düğmeye tıkladığınızda) React'ın çalıştırdığı fonksiyonlardır. Event Handlerları bileşeninizin *içinde* tanımlanmış olsa da, bunlar işleme *sırasında* çalışmazlar! **Bu nedenle olay işleyicilerinin saf olması gerekmez.**
197
+
React'te, **yan etkiler genellikle [olay yöneticileri](/learn/responding-to-events) içine yazılır**. Olay Yöneticileri, bir işlem gerçekleştirdiğinizde (örneğin, bir düğmeye tıkladığınızda) React'ın çalıştırdığı fonksiyonlardır. Olay Yöneticileri bileşeninizin *içinde* tanımlanmış olsa da, bunlar işleme *sırasında* çalışmazlar! **Bu nedenle olay işleyicilerinin saf olması gerekmez.**
198
198
199
-
Diğer tüm seçenekleri tükettiyseniz ve yan etkiniz için doğru event handler’ı bulamıyorsanız, bileşeninizde bir[`useEffect`](/reference/react/useEffect) çağrısı ile onu döndürülen JSX'inize hâlâ ekleyebilirsiniz. Bu, React'e onu renderdan yani işlemeden sonra, yan etkilere izin verildiğinde çalıştırmasını söyler. **Ancak, bu yaklaşım son çareniz olmalıdır.**
199
+
Diğer tüm seçenekleri tükettiyseniz ve yan etkiniz için doğru olay yöneticilieri’ni bulamıyorsanız, bileşeninizde bir[`useEffect`](/reference/react/useEffect) çağrısı ile onu döndürülen JSX'inize hâlâ ekleyebilirsiniz. Bu, React'e onu renderdan yani işlemeden sonra, yan etkilere izin verildiğinde çalıştırmasını söyler. **Ancak, bu yaklaşım son çareniz olmalıdır.**
200
200
201
201
Mümkün olduğunda, mantığınızı yalnızca render ile ifade etmeye çalışın. Bunun sizi ne kadar ileri götürebileceğine şaşıracaksınız!
202
202
@@ -221,7 +221,7 @@ Saf işlevler yazmak biraz alışkanlık ve disiplin gerektirir. Ama aynı zaman
221
221
***Aynı girdiler, aynı çıktılar.** Aynı girdiler verildiğinde, bir bileşen her zaman aynı JSX'i döndürmelidir.
222
222
* Oluşturma herhangi bir zamanda gerçekleşebilir, bu nedenle bileşenler birbirinin oluşturma sırasına bağlı olmamalıdır.
223
223
* Bileşenlerinizin render için kullandığı girdilerin hiçbirini mutasyona uğratmamalısınız. Buna props, state ve context dahildir. Ekranı güncellemek için, önceden var olan nesneleri değiştirmek yerine [state "oluşturun".](/learn/state-a-components-memory)
224
-
* Döndürdüğünüz JSX'te bileşeninizin mantığını ifade etmeye çalışın. "Bir şeyleri değiştirmeniz" gerektiğinde, bunu genellikle bir event handler’a yapmak isteyeceksiniz. Son çare olarak, `useEffect`'i kullanabilirsiniz.
224
+
* Döndürdüğünüz JSX'te bileşeninizin mantığını ifade etmeye çalışın. "Bir şeyleri değiştirmeniz" gerektiğinde, bunu genellikle bir olay yöneticilerinde yapmak isteyeceksiniz. Son çare olarak, `useEffect`'i kullanabilirsiniz.
225
225
* Saf fonksiyonlar yazmak biraz pratik gerektirir, ancak React'in paradigmasının gücünü açığa çıkarır.
0 commit comments