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: content/docs/reference-react.md
+14-14Lines changed: 14 additions & 14 deletions
Original file line number
Diff line number
Diff line change
@@ -19,7 +19,7 @@ redirect_from:
19
19
20
20
### Bileşenler {#components}
21
21
22
-
React bileşenleri, kullanıcı arabirimini bağımsız, yeniden kullanılabilir parçalara ayırmanıza ve ayrılmış her bir parça hakkında düşünmenize olanak sağlar. React bileşenleri, `React.Component`yada`React.PureComponent` üzerinden alt sınıflandırma yoluyla tanımlanabilir.
22
+
React bileşenleri, kullanıcı arabirimini bağımsız, yeniden kullanılabilir parçalara ayırmanıza ve ayrılmış her bir parça hakkında düşünmenize olanak sağlar. React bileşenleri, `React.Component`ya da`React.PureComponent` üzerinden alt sınıflandırma yoluyla tanımlanabilir.
23
23
24
24
-[`React.Component`](#reactcomponent)
25
25
-[`React.PureComponent`](#reactpurecomponent)
@@ -60,7 +60,7 @@ Daha fazla bilgi için [JSX olmadan React kullanma](/docs/react-without-jsx.html
60
60
61
61
### Suspense {#suspense}
62
62
63
-
Suspense, bileşenlerin render edilmeden önce bir şey için "beklemesini" sağlar. Günümüzde, Suspense yalnızca bir kullanım durumunu destekler: [bileşenleri `React.lazy` ile dinamik olarak yükleme](/docs/code-splitting.html#reactlazy). Gelecekte, veri getirme gibi diğer kullanım durumlarını destekleyecektir.
63
+
Suspense, bileşenlerin render edilmeden önce bir şey için "beklemesini" sağlar. Şu an için, Suspense yalnızca bir kullanım durumunu destekler: [bileşenleri `React.lazy` ile dinamik olarak yükleme](/docs/code-splitting.html#reactlazy). Gelecekte, veri getirme gibi diğer kullanım durumlarını destekleyecektir.
64
64
65
65
-[`React.lazy`](#reactlazy)
66
66
-[`React.Suspense`](#reactsuspense)
@@ -73,7 +73,7 @@ Suspense, bileşenlerin render edilmeden önce bir şey için "beklemesini" sağ
@@ -110,7 +110,7 @@ Eğer React bileşeninizin `render()` fonksiyonu aynı prop'lar ve state ile ayn
110
110
111
111
> Not
112
112
>
113
-
> `React.PureComponent`'in `shouldComponentUpdate()` metodu sadece nesneleri yüzeysel olarak karşılaştırır. Eğer bunlar karmaşık veri yapıları içeriyorsa, daha derin farklılıklar için yanlış sonuçlar üretebilir. `PureComponent`'i yalnızca prop'lar ve state'in basit olmasını beklediğiniz durumlarda uzatın, veya derin veri yapılarının değiştiğini biliyorsanız [`forceUpdate()`](/docs/react-component.html#forceupdate) işlevini kullanın. Veya iç içe geçmiş verilerin hızlı bir şekilde karşılaştırılmasını kolaylaştırmak için [değişmez nesneler](https://facebook.github.io/immutable-js/) kullanmayı düşünebilirsiniz.
113
+
> `React.PureComponent`'in `shouldComponentUpdate()` metodu sadece nesneleri yüzeysel olarak karşılaştırır. Eğer bunlar karmaşık veri yapıları içeriyorsa, daha derin farklılıklar için yanlış sonuçlar üretebilir. `PureComponent`'i yalnızca prop'lar ve state'in basit olmasını beklediğiniz durumlarda uzatın, veya derin veri yapılarının değiştiğini biliyorsanız [`forceUpdate()`](/docs/react-component.html#forceupdate) işlevini kullanın. Ya da, iç içe geçmiş verilerin hızlı bir şekilde karşılaştırılmasını kolaylaştırmak için [değişmez nesneler](https://facebook.github.io/immutable-js/) kullanmayı düşünebilirsiniz.
114
114
>
115
115
> Ayrıca, `React.PureComponent`'in `shouldComponentUpdate()` metodu tüm bileşen alt ağacı için prop güncellemelerini atlar. Tüm alt bileşenlerinin de "pure" olduğundan emin olun.
116
116
@@ -162,7 +162,7 @@ React.createElement(
162
162
)
163
163
```
164
164
165
-
Verilen tipte yeni bir [React elemanı](/docs/rendering-elements.html)oluştur ve döndür. Type argümanı bir etiket ismi string'i (`'div'` veya `'span'` gibi), bir [React bileşen](/docs/components-and-props.html) tipi (bir sınıf yada fonksiyon), veya bir [React fragment](#reactfragment) tipi olabilir.
165
+
Verilen tipte yeni bir [React elemanı](/docs/rendering-elements.html)oluşturun ve döndürün. Type argümanı bir etiket ismi string'i (`'div'` veya `'span'` gibi), bir [React bileşen](/docs/components-and-props.html) tipi (bir sınıf ya da fonksiyon), veya bir [React fragment](#reactfragment) tipi olabilir.
166
166
167
167
[JSX](/docs/introducing-jsx.html) ile yazılmış kod `React.createElement()` işlevini kullanmak üzere dönüştürülecektir. JSX kullanıyorsanız genellikle `React.createElement()` işlevini doğrudan çağırmazsınız. Daha fazla bilgi için bkz. [JSX Olmadan React](/docs/react-without-jsx.html).
168
168
@@ -178,7 +178,7 @@ React.cloneElement(
178
178
)
179
179
```
180
180
181
-
Bir `element`'i kullanarak yeni bir React elemanı klonla ve döndür. Elde edilen eleman, orjinal elemanın prop'larına yeni prop'ları ile yüzeysel olarak birleştirilmiş bir biçimde sahip olacaktır. Yeni alt eleman varolan alt elemanın yerine geçecektir. Orjinal elemandan gelen `key` ve `ref` korunacaktır.
181
+
Bir `element`'i kullanarak yeni bir React elemanı klonlayın ve döndürün. Elde edilen eleman, orjinal elemanın prop'larına yeni prop'ları ile yüzeysel olarak birleştirilmiş bir biçimde sahip olacaktır. Yeni alt eleman varolan alt elemanın yerine geçecektir. Orjinal elemandan gelen `key` ve `ref` korunacaktır.
182
182
183
183
`React.cloneElement()` neredeyse şuna eşdeğerdir:
184
184
@@ -188,7 +188,7 @@ Bir `element`'i kullanarak yeni bir React elemanı klonla ve döndür. Elde edil
188
188
189
189
Ancak, aynı zamanda `ref`'leri de korur. Bu, üzerinde `ref` bulunan bir alt eleman alırsanız, ona üst eleman üzerinden ulaşamayacağınız anlamına gelir. Yeni elemanınız üzerinde aynı `ref` bağlı olarak gelecektir.
190
190
191
-
Bu API kullanımdan kaldırılan `React.addons.cloneWithProps()` işlevinin yerine geçmiştir.
191
+
Bu API, kullanımdan kaldırılan `React.addons.cloneWithProps()` işlevinin yerine geçmiştir.
192
192
193
193
* * *
194
194
@@ -304,7 +304,7 @@ Ayrıca `<></>` sözdizimi kısayoluyla da kullanabilirsiniz. Daha fazla bilgi i
304
304
* [Ref'leri DOM bileşenlerine iletme](/docs/forwarding-refs.html#forwarding-refs-to-dom-components)
`React.forwardRef` bir render etme fonksiyonunu argüman olarak kabul eder. React bu fonksiyonu `props` ve `ref` olmak üzere iki argüman ile çağıracaktır. Bu fonksiyon bir React node'u döndürmelidir.
307
+
`React.forwardRef` bir render etme fonksiyonunu argüman olarak kabul eder. React bu fonksiyonu `props` ve `ref` olmak üzere iki argüman ile çağıracaktır. Bu fonksiyon geçerli bir React birimi döndürmelidir.
308
308
309
309
`embed:reference-react-forward-ref.js`
310
310
@@ -316,7 +316,7 @@ Daha fazla bilgi için, bkz. [ref iletimi](/docs/forwarding-refs.html).
316
316
317
317
### `React.lazy` {#reactlazy}
318
318
319
-
`React.lazy()` dinamik olarak yüklenen bir bileşeni tanımlamanıza izin verir. Bu ilk render etme sırasında kullanılmayan bileşenlerin yüklemesini geciktirerek paket boyutunu azaltmaya yardımcı olur.
319
+
`React.lazy()` dinamik olarak yüklenen bir bileşeni tanımlamanıza izin verir. Bu, ilk render etme sırasında kullanılmayan bileşenlerin yüklemesini geciktirerek paket boyutunu azaltmaya yardımcı olur.
320
320
321
321
Nasıl kullanılacağını [kod bölümleme dökümanımızdan](/docs/code-splitting.html#reactlazy) öğrenebilirsiniz. Daha ayrıntılı olarak nasıl kullanılacağını açıklayan [bu makaleye](https://medium.com/@pomber/lazy-loading-and-preloading-components-in-react-16-6-804de091c82d) de göz atmak isteyebilirsiniz.
322
322
@@ -325,15 +325,15 @@ Nasıl kullanılacağını [kod bölümleme dökümanımızdan](/docs/code-split
`lazy`bileşenlerinin render edilmesi için render etme ağacında daha yüksek bir `<React.Suspense>`bileşeni olmasını gerektirdiğini unutmayın. Bir yükleme göstergesini bu şekilde belirlersiniz.
328
+
`lazy` bileşenlerin render edilmesi için render ağacında daha yukarıda bulunan bir `<React.Suspense>` bileşeninin olması gerektiğini unutmayın. Bir yükleme göstergesini bu şekilde belirlersiniz.
329
329
330
330
> **Not**
331
331
>
332
-
>`React.lazy`'i dinamik içe aktarma ile kullanmak JS ortamında Promise'lerin kullanılabilir olmasını gerektirir. BuIE11 ve altında bir polyfill gerektirir.
332
+
> `React.lazy`'i dinamik içe aktarma ile kullanmak JS ortamında Promise'lerin kullanılabilir olmasını gerektirir. Bu, IE11 (Internet Explorer 11) ve aşağısı için bir polyfill gerektirir.
333
333
334
334
### `React.Suspense` {#reactsuspense}
335
335
336
-
`React.Suspense` altındaki ağaçta bulunan bazı bileşenlerin henüz render edilmeye hazır olmaması durumunda yükleme göstergesini belirtmenizi sağlar. Günümüzde, tembel yüklenen bileşenler `<React.Suspense>` tarafından desteklenen **tek** kullanım durumudur:
336
+
`React.Suspense`, altındaki ağaçta bulunan bazı bileşenlerin henüz render edilmeye hazır olmaması durumunda yükleme göstergesini belirtmenizi sağlar. Günümüzde, tembel yüklenen bileşenler `<React.Suspense>` tarafından desteklenen **tek** kullanım durumudur:
337
337
338
338
```js
339
339
// Bu bileşen dinamik olarak yüklenir
@@ -351,10 +351,10 @@ function MyComponent() {
351
351
}
352
352
```
353
353
354
-
Bu [kod bölümleme kılavuzumuzda](/docs/code-splitting.html#reactlazy) anlatılmıştır. `lazy` bileşenlerinin `Suspense` ağacının içinde derinlerde olabileceğini unutmayın --her birini sarmak zorunda değil. En iyi uygulama`<Suspense>`'i bir yükleme göstergesi görmek istediğiniz yere yerleştirmek, ancak kodu bölümlemek istediğiniz her yerde `lazy()` kullanmaktır.
354
+
Bu [kod bölümleme kılavuzumuzda](/docs/code-splitting.html#reactlazy) anlatılmıştır. `lazy` bileşenlerinin `Suspense` ağacının içinde derinlerde olabileceğini unutmayın (her birini sarmak zorunda değildir). En iyi uygulama, bir yükleme göstergesi görmek istediğiniz yerlere `Suspense` koymak, ancak kodu bölmek istediğiniz her yerde `lazy()` kullanmaktır.
355
355
356
356
Bu bugün desteklenmiyor olsa da, gelecekte `Suspense`'in veri toplama gibi daha fazla durum ile ilgilenmesine izin vermeyi planlıyoruz. Bu konuyu [yol haritamızda](/blog/2018/11/27/react-16-roadmap.html) okuyabilirsiniz.
357
357
358
358
>Not:
359
359
>
360
-
>`React.lazy()` ve `<React.Suspense>` henüz `ReactDOMServer` tarafından desteklenmiyor. Bu gelecekte çözülecek bilinen bir sınırlamadır.
360
+
>`React.lazy()` ve `<React.Suspense>` henüz `ReactDOMServer` tarafından desteklenmiyor. Bu, gelecekte çözülecek olan bilinen bir sınırlamadır.
0 commit comments