sync e07ac94

Author: anilcanboga

src/content/learn/removing-effect-dependencies.md

@@ -435,7 +435,7 @@ function Form() {
 }
 ```
 
-Artık kod bir olay yöneticisinde olduğu için reaktif değildir--bu nedenle yalnızca kullanıcı formu gönderdiğinde çalışacaktır. [Olay yöneticileri ve Efektler arasında seçim yapma](/learn/separating-events-from-effects#reactive-values-and-reactive-logic) ve [gereksiz Etkiler nasıl silinir](/learn/you-might-need-an-effect) hakkında daha fazla bilgi edinin
+Artık kod bir olay yöneticisinde olduğu için reaktif değildir--bu nedenle yalnızca kullanıcı formu gönderdiğinde çalışacaktır. [Olay yöneticileri ve Efektler arasında seçim yapma](/learn/separating-events-from-effects#reactive-values-and-reactive-logic) ve [gereksiz Etkiler nasıl silinir](/learn/you-might-not-need-an-effect) hakkında daha fazla bilgi edinin
 
 ### Efektiniz birbiriyle alakasız birkaç şey mi yapıyor? {/*is-your-effect-doing-several-unrelated-things*/}
 

src/content/learn/you-might-not-need-an-effect.md

@@ -572,7 +572,7 @@ function Toggle({ onChange }) {
 }
 ```
 
-Bu yaklaşımla, hem `Toggle` bileşeni hem de onun üst elemanı, olay sırasında state değişkenlerini günceller. React farklı bileşenlerden [güncellemeleri toplu olarak](/learn/queuing-a-series-of-state-updates) gerçekleştirir, böylece yalnızca bir render geçişi olacaktır.
+Bu yaklaşımla, hem `Toggle` bileşeni hem de onun üst elemanı, olay sırasında state değişkenlerini günceller. React farklı bileşenlerden [güncellemeleri toplu olarak](/learn/queueing-a-series-of-state-updates) gerçekleştirir, böylece yalnızca bir render geçişi olacaktır.
 
 Ayrıca state'i tamamen kaldırabilir ve bunun yerine üst elemandan `isOn` değerini alabilirsiniz:
 

src/content/reference/react-dom/components/input.md

@@ -32,7 +32,7 @@ Ekranda bir girdi göstermek için, [tarayıcıya yerleşik `<input>`](https://d
 
 `<input>`, tüm [yaygın element özelliklerini](/reference/react-dom/components/common#common-props) destekler.
 
-`<input>` tüm [ortak eleman proplarını](/reference/react-dom/components/common#props) destekler.
+`<input>` tüm [ortak eleman proplarını](/reference/react-dom/components/common#common-props) destekler.
 
 - [`formAction`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#formaction): Bir string veya fonksiyon. `type="submit"` ve `type="image"` için ebeveyn `<form action>`'ı geçersiz kılar. Bir URL `action` parametresine geçtiğinde form, standart bir HTML formu gibi davranır. Bir fonksiyon `formAction` parametresine geçtiğinde, fonksiyon form gönderimini işler. [`<form action>`](/reference/react-dom/components/form#props) bölümüne bakın.
 

src/content/reference/react/Children.md

@@ -92,7 +92,7 @@ function SeparatorList({ children }) {
 
 #### Uyarılar {/*children-foreach-caveats*/}
 
-- Boş node'lar (`null`, `undefined` ve Booleans), string'ler, sayılar ve [React elements](/reference/react/createElement) ayrı node'lar olarak sayılır. Diziler tek tek node'lar olarak sayılmaz, ancak alt elemanları sayılır. **Çaprazlama React öğelerinden daha derine gitmez:** bunlar işlenmez ve alt öğeleri çaprazlanmaz. [Fragments](/referans/react/Fragment) çaprazlanmaz.
+- Boş node'lar (`null`, `undefined` ve Booleans), string'ler, sayılar ve [React elements](/reference/react/createElement) ayrı node'lar olarak sayılır. Diziler tek tek node'lar olarak sayılmaz, ancak alt elemanları sayılır. **Çaprazlama React öğelerinden daha derine gitmez:** bunlar işlenmez ve alt öğeleri çaprazlanmaz. [Fragments](/reference/react/Fragment) çaprazlanmaz.
 
 ---
 

src/content/reference/react/useContext.md

@@ -34,11 +34,11 @@ function MyComponent() {
 
 #### Parametreler {/*parameters*/}
 
-* `SomeContext`: Daha önce [`createContext`](/tr/referans/react/createContext) ile oluşturduğunuz context. Context'in kendisi bilgileri tutmaz, yalnızca tedarik edeceğiniz ya da bileşenlerden okuyacağınız bilginin türünü temsil eder.
+* `SomeContext`: Daha önce [`createContext`](/reference/react/createContext) ile oluşturduğunuz context. Context'in kendisi bilgileri tutmaz, yalnızca tedarik edeceğiniz ya da bileşenlerden okuyacağınız bilginin türünü temsil eder.
 
 #### Dönüş değerleri {/*returns*/}
 
-`useContext`, çağrılan bileşen için Context değerini döndürür. Bu değer, ağaçtaki çağrılan bileşenden önceki en yakın `SomeContext.Provider`'a iletilen `value` olarak belirlenir. Böyle bir sağlayıcı yoksa, döndürülen değer o Context için [`createContext`](/tr/referans/react/createContext) ile belirlediğiniz `defaultValue` olacaktır. Döndürülen değer her zaman günceldir. Eğer bir Context değişirse, React otomatik olarak bu Context'i kullanan bileşenleri yeniden render eder.
+`useContext`, çağrılan bileşen için Context değerini döndürür. Bu değer, ağaçtaki çağrılan bileşenden önceki en yakın `SomeContext.Provider`'a iletilen `value` olarak belirlenir. Böyle bir sağlayıcı yoksa, döndürülen değer o Context için [`createContext`](/reference/react/createContext) ile belirlediğiniz `defaultValue` olacaktır. Döndürülen değer her zaman günceldir. Eğer bir Context değişirse, React otomatik olarak bu Context'i kullanan bileşenleri yeniden render eder.
 
 #### Dikkat Edilmesi Gerekenler {/*caveats*/}
 
@@ -177,7 +177,7 @@ function Button({ children }) {
 
 ### Context üzerinden geçirilen verileri güncelleme {/*updating-data-passed-via-context*/}
 
-Genellikle, context'in zaman içinde değişmesini istersiniz. Context'i güncellemek için, [state](/tr/referans/react/useState) ile birlikte kullanın. Üst bileşende bir state değişkeni tanımlayın ve state'i sağlayıcının <CodeStep step={2}>context değeri</CodeStep> olarak aşağıya geçirin.
+Genellikle, context'in zaman içinde değişmesini istersiniz. Context'i güncellemek için, [state](/reference/react/useState) ile birlikte kullanın. Üst bileşende bir state değişkeni tanımlayın ve state'i sağlayıcının <CodeStep step={2}>context değeri</CodeStep> olarak aşağıya geçirin.
 
 ```js {2} [[1, 4, "ThemeContext"], [2, 4, "theme"], [1, 11, "ThemeContext"]]
 function MyPage() {
@@ -739,7 +739,7 @@ label {
 
 #### Context ve reducer kullanarak ölçeklendirme {/*scaling-up-with-context-and-a-reducer*/}
 
-Daha büyük uygulamalarda, bileşenlerden bazı state'lerle ilgili mantığı çıkarmak için context ile [reducer](/tr/referans/react/useReducer)'ı birlikte kullanmak yaygındır. Bu örnekte, tüm "kablolama" bir reducer ve iki ayrı context içeren `TasksContext.js`'de gizlenmiştir.
+Daha büyük uygulamalarda, bileşenlerden bazı state'lerle ilgili mantığı çıkarmak için context ile [reducer](/reference/react/useReducer)'ı birlikte kullanmak yaygındır. Bu örnekte, tüm "kablolama" bir reducer ve iki ayrı context içeren `TasksContext.js`'de gizlenmiştir.
 
 Bu örneğin [kapsamlı açıklamasını](/learn/scaling-up-with-reducer-and-context) okuyun.
 

src/content/reference/react/useMemo.md

@@ -164,7 +164,7 @@ Diğer durumlarda bir hesaplamayı `useMemo` içine sarmanın hiçbir faydası y
 1. Bir bileşen diğer bileşenleri görsel olarak sardığında, [JSX'i alt bileşen olarak kabul etmesine izin verin.](/learn/passing-props-to-a-component#passing-jsx-as-children) Bu sayede, kapsayıcı bileşen kendi state'ini güncellediğinde, React alt bileşenlerinin yeniden render edilmesine gerek olmadığını bilir.
 1. Yerel state'i tercih edin ve state'i gereğinden daha [yukarı kaldırma](/learn/sharing-state-between-components)yın. Örneğin, formlar gibi geçici state'leri ve bir öğenin üzerine gelindiğinde ağacınızın tepesinde veya global bir state kütüphanesinde mi olduğunu saklamayın.
 1. [Render mantığı](/learn/keeping-components-pure)nızı saf tutun. Bir bileşenin yeniden render edilmesi bir soruna neden oluyorsa veya göze çarpan bir görsel yapaylık oluşturuyorsa, bileşeninizde bir hata var demektir! Memoizasyon eklemek yerine hatayı düzeltin.
-1. [State'i güncelleyen gereksiz Efektlerden kaçının.](/learn/you-might-need-an-effect) React uygulamalarındaki performans sorunlarının çoğu, bileşenlerinizin tekrar tekrar render edilmesine neden olan Efektlerden kaynaklanan güncelleme zincirlerinden kaynaklanır.
+1. [State'i güncelleyen gereksiz Efektlerden kaçının.](/learn/you-might-not-need-an-effect) React uygulamalarındaki performans sorunlarının çoğu, bileşenlerinizin tekrar tekrar render edilmesine neden olan Efektlerden kaynaklanan güncelleme zincirlerinden kaynaklanır.
 1.[Efektlerinizden gereksiz bağımlılıkları kaldırmaya çalışın](/learn/removing-effect-dependencies) Örneğin, memoization yerine, bir nesneyi veya bir işlevi bir Efektin içine veya bileşenin dışına taşımak genellikle daha basittir.
 
 Belirli bir etkileşim hala gecikmeli geliyorsa, [React Developer Tools profilleyicisini kullanın](https://legacy.reactjs.org/blog/2018/09/10/introducing-the-react-profiler.html) ve hangi bileşenlerin memoizasyondan en çok yararlanacağını görün ve gerektiğinde memoizasyon ekleyin. Bu ilkeler bileşenlerinizin hata ayıklamasını ve anlaşılmasını kolaylaştırır, bu nedenle her durumda bunları takip etmek iyidir. Uzun vadede, bunu kesin olarak çözmek için [otomatik olarak granüler memoization yapmayı](https://www.youtube.com/watch?v=lGEMwh32soc) araştırıyoruz.

src/content/reference/rsc/use-client.md

@@ -53,6 +53,19 @@ export default function RichTextEditor({ timestamp, text }) {
 * İstemci değerlendirmesi için işaretlenen kod bileşenlerle sınırlı değildir. İstemci modülü alt ağacının bir parçası olan tüm kodlar istemciye gönderilir ve istemci tarafından çalıştırılır.
 * Sunucu tarafından değerlendirilen bir modül, bir `'use client'` modülünden değerleri içe aktardığında, değerler ya bir React bileşeni olmalı ya da bir İstemci Bileşenine aktarılmak üzere [desteklenen serileştirilebilir prop değerleri](#passing-props-from-server-to-client-components) olmalıdır. Diğer kullanım durumları bir istisna oluşturur.
 
+### Passing props from server to client components {/*passing-props-from-server-to-client-components*/}
+
+Sunucu Bileşenlerinden İstemci Bileşenlerine prop geçirirken, yalnızca [serileştirilebilir değerler](/reference/rsc/server-components#serializable-types) geçirebilirsiniz. Serileştirilebilir değerler şunları içerir:
+
+* **Primitive değerler**: string, number, bigint, boolean, undefined, null
+* **Diziler**: serileştirilebilir değerler içeren diziler
+* **Nesneler**: serileştirilebilir değerler içeren nesneler
+* **Date nesneleri**: Date nesneleri
+* **TypedArray'ler**: Uint8Array, Uint8ClampedArray, Uint16Array, Uint32Array, Int8Array, Int16Array, Int32Array, Float32Array, Float64Array, DataView
+* **Map ve Set**: serileştirilebilir değerler içeren Map ve Set nesneleri
+* **Symbol**: Symbol nesneleri (ancak `Symbol.for()` ile oluşturulan global semboller)
+* **Function**: Server Actions olarak işaretlenmiş fonksiyonlar
+
 ### `'use client'` istemci kodunu nasıl işaretler? {/*how-use-client-marks-client-code*/}
 
 Bir React uygulamasında bileşenler genellikle ayrı dosyalara veya [modüllere](/learn/importing-and-exporting-components#exporting-and-importing-a-component) ayrılır.