passing-data-deeply-with-context.md

Author: anilcanboga

src/content/learn/passing-data-deeply-with-context.md

@@ -855,23 +855,12 @@ Context kullanmadan önce düşünmeniz için bir kaç alternatif:
 
 Eğer bu yaklaşımların ikiside işinize yaramıyor ise, o zaman context'i kullanmayı düşünebilirsiniz.
 
-<<<<<<< HEAD
-## Context'in kullanım alanları {/*use-cases-for-context*/}
-
-* **Tema:** Uygulamanız kullanıcının görünümü değiştirmesine izin veriyorsa (mesela karanlık mod), uygulamanızın en üstüne bir context provider koyabilir ve bu context'i görsel görünümlerini değiştirmesi gereken bileşenlerde kullanabilirsiniz.
-* **Çevrimiçi hesap:** Bir çok bileşenin o anda oturum açmış olan kullanıcıyı bilmesi gerekebilir. Bunu bir context'e yerleştirmek, ağacın herhangi bir yerinde okumayı kolaylaştırır. Bazı uygulamalar aynı anda birden fazla hesabı çalıştırmanıza da izin verir (örneğin, farklı bir kullanıcı olarak yorum bırakmak için). Bu gibi durumlarda, kullanıcı arayüzünün bir kısmını farklı geçerli kullanıcıya sahip provider'a sarmalamak uygun olabilir.
-* **Routing:** Çoğu routing çözümü, geçerli yolu tutmak için dahili olarak context kullanır. Linkler aktif olup olmadığını bu şekilde "bilir". Kendi yönlendiricinizi oluşturuyorsanız, siz de bunu yapmak isteyebilirsiniz.
-* **State yönetimi:** Uygulamanız büyüdükçe, uygulamanızın üst kısmına yakın çok sayıda state ile karşılaşabilirsiniz. Farklı derinlikteki birçok bileşen bunları değiştirmek isteyebilir. Karmaşık state'leri yönetmek ve çok fazla güçlük çekmeden uzaktaki bileşenlere aktarmak için [context ile birlikte bir reducer kullanmak](/learn/scaling-up-with-reducer-and-context) yaygındır.
-  
-Context kullanımı, statik değerlerle sınırlı değildir. Bir sonraki render'da farklı bir değer iletirseniz, React onu okuyan tüm bileşenleri günceller! Bu yüzden context genellikle state ile birlikte kullanılır.
-=======
-* **Theming:** If your app lets the user change its appearance (e.g. dark mode), you can put a context provider at the top of your app, and use that context in components that need to adjust their visual look.
-* **Current account:** Many components might need to know the currently logged in user. Putting it in context makes it convenient to read it anywhere in the tree. Some apps also let you operate multiple accounts at the same time (e.g. to leave a comment as a different user). In those cases, it can be convenient to wrap a part of the UI into a nested provider with a different current account value.
-* **Routing:** Most routing solutions use context internally to hold the current route. This is how every link "knows" whether it's active or not. If you build your own router, you might want to do it too.
-* **Managing state:** As your app grows, you might end up with a lot of state closer to the top of your app. Many distant components below may want to change it. It is common to [use a reducer together with context](/learn/scaling-up-with-reducer-and-context) to manage complex state and pass it down to distant components without too much hassle.
-
-Context is not limited to static values. If you pass a different value on the next render, React will update all the components reading it below! This is why context is often used in combination with state.
->>>>>>> 6ec61348646040795fdaa9de14a9bec603260f87
+* **Theming:** App’iniz user’ın appearance’ını değiştirmesine izin veriyorsa (örn. dark mode), app’inizin en üstüne bir context provider koyabilir ve visual look’unu adjust etmesi gereken component’lerde bu context’i kullanabilirsiniz.
+* **Current account:** Birçok component, currently logged in user’ı bilmeye ihtiyaç duyabilir. Bunu context’e koymak, tree’nin herhangi bir yerinden okumayı convenient hale getirir. Bazı app’ler aynı anda multiple account ile operate etmenize de izin verir (örn. farklı bir user olarak comment bırakmak için). Bu durumlarda, UI’ın bir kısmını farklı bir current account value’su olan nested provider ile wrap etmek convenient olabilir.
+* **Routing:** Çoğu routing solution, current route’u tutmak için context’i internally kullanır. Her link’in active olup olmadığını "bilmesi" bu şekilde olur. Kendi router’ınızı build ediyorsanız, siz de bunu yapmak isteyebilirsiniz.
+* **Managing state:** App’iniz büyüdükçe, app’inizin üst kısmına daha yakın çok fazla state’iniz olabilir. Aşağıdaki birçok distant component bunu değiştirmek isteyebilir. Complex state’i manage etmek ve çok fazla uğraşmadan distant component’lere pass etmek için [context ile birlikte reducer kullanmak](/learn/scaling-up-with-reducer-and-context) yaygındır.
+
+Context static value’larla sınırlı değildir. Next render’da farklı bir value pass ederseniz, React onu aşağıda okuyan tüm component’leri update eder! Context’in çoğu zaman state ile birlikte kullanılmasının nedeni budur.
 
 Genellikle, bazı bilgilere ağacın farklı bölümlerindeki bileşenler tarafından ihtiyaç duyulması, context'in işinize yarayacağına dair güzel bir göstergedir.
 
@@ -972,64 +961,38 @@ function PlaceImage({ place, imageSize }) {
 ```js src/data.js
 export const places = [{
   id: 0,
-  name: 'Cape Town, Güney Afrika\'da Bo-Kaap',
+  name: 'Güney Afrika, Cape Town’daki Bo-Kaap',
   description: 'Evler için parlak renkler seçme geleneği 20. yüzyılın sonlarında başlamıştır.',
   imageId: 'K9HVAGH'
 }, {
-<<<<<<< HEAD
-  id: 1, 
-  name: 'Taichung, Tayvan\'da Gökkuşağı Köyü',
-  description: 'Evleri yıkımdan kurtarmak için, yerel bir sakin olan Huang Yung-Fu, 1924 yılında hepsini boyamıştır.',
-  imageId: '9EAYZrt'
-}, {
-  id: 2, 
-  name: 'Pachuca, Meksika\'da Macromural',
-  description: 'Dünyanın en büyük duvar resimlerinden biri, bir tepe mahallesindeki evleri kaplar.',
-  imageId: 'DgXHVwu'
-}, {
-  id: 3, 
-  name: 'Rio de Janeiro, Brezilya\'da Selarón Merdivenleri',
-  description: 'Bu simge yapı, Şilili sanatçı Jorge Selarón tarafından "Brezilya halkına bir övgü" olarak yaratıldı.',
-  imageId: 'aeO3rpI'
-}, {
-  id: 4, 
-  name: 'Burano, İtalya',
-  description: 'Evler, 16. yüzyıla dayanan belirli bir renk sistemi izlenerek boyanmıştır.',
-  imageId: 'kxsph5C'
-}, {
-  id: 5, 
-  name: 'Chefchaouen, Fas',
-  description: 'Evlerin neden maviye boyandığına dair birkaç teori var, bunların arasında: rengin sivrisinekleri uzaklaştırıyor olabilmesi veya gökyüzünü ve cenneti simgeliyor olabilmesi var.',
-=======
   id: 1,
-  name: 'Rainbow Village in Taichung, Taiwan',
-  description: 'To save the houses from demolition, Huang Yung-Fu, a local resident, painted all 1,200 of them in 1924.',
+  name: 'Tayvan, Taichung’daki Rainbow Village',
+  description: 'Evleri yıkımdan kurtarmak için yerel bir sakin olan Huang Yung-Fu, 1924’te 1.200 evin tamamını boyadı.',
   imageId: '9EAYZrt'
 }, {
   id: 2,
-  name: 'Macromural de Pachuca, Mexico',
-  description: 'One of the largest murals in the world covering homes in a hillside neighborhood.',
+  name: 'Meksika, Pachuca’daki Macromural',
+  description: 'Bir yamaç mahallesindeki evleri kaplayan, dünyanın en büyük mural’larından biridir.',
   imageId: 'DgXHVwu'
 }, {
   id: 3,
-  name: 'Selarón Staircase in Rio de Janeiro, Brazil',
-  description: 'This landmark was created by Jorge Selarón, a Chilean-born artist, as a "tribute to the Brazilian people."',
+  name: 'Brezilya, Rio de Janeiro’daki Selarón Merdivenleri',
+  description: 'Bu landmark, Şili doğumlu sanatçı Jorge Selarón tarafından "Brezilya halkına bir tribute" olarak oluşturulmuştur.',
   imageId: 'aeO3rpI'
 }, {
   id: 4,
-  name: 'Burano, Italy',
-  description: 'The houses are painted following a specific color system dating back to 16th century.',
+  name: 'Burano, İtalya',
+  description: 'Evler, 16. yüzyıla dayanan belirli bir color system’e göre boyanır.',
   imageId: 'kxsph5C'
 }, {
   id: 5,
-  name: 'Chefchaouen, Marocco',
-  description: 'There are a few theories on why the houses are painted blue, including that the color repels mosquitos or that it symbolizes sky and heaven.',
->>>>>>> 6ec61348646040795fdaa9de14a9bec603260f87
+  name: 'Chefchaouen, Fas',
+  description: 'Evlerin neden maviye boyandığına dair birkaç teori vardır; bunlar arasında rengin sivrisinekleri uzaklaştırması veya gökyüzünü ve cenneti symbol etmesi yer alır.',
   imageId: 'rTqKo46'
 }, {
   id: 6,
-  name: 'Busan, Güney Kore\'de Gamcheon Kültür Köyü',
-  description: '2009 yılında köy, evleri boyayanak, sergiler ve sanat gösterileri düzenlenerek bir kültür merkezi haline getirildi.',
+  name: 'Güney Kore, Busan’daki Gamcheon Kültür Köyü',
+  description: '2009 yılında köy, evlerin boyanması, sergiler ve sanat gösterileri düzenlenmesiyle bir kültür merkezi haline getirildi.',
   imageId: 'ZfQOOzf'
 }];
 ```
@@ -1137,64 +1100,38 @@ export const ImageSizeContext = createContext(500);
 ```js src/data.js
 export const places = [{
   id: 0,
-  name: 'Cape Town, Güney Afrika\'da Bo-Kaap',
+  name: 'Güney Afrika, Cape Town’daki Bo-Kaap',
   description: 'Evler için parlak renkler seçme geleneği 20. yüzyılın sonlarında başlamıştır.',
   imageId: 'K9HVAGH'
 }, {
-<<<<<<< HEAD
-  id: 1, 
-  name: 'Taichung, Tayvan\'da Gökkuşağı Köyü',
-  description: 'Evleri yıkımdan kurtarmak için, yerel bir sakin olan Huang Yung-Fu, 1924 yılında hepsini boyamıştır.',
-  imageId: '9EAYZrt'
-}, {
-  id: 2, 
-  name: 'Pachuca, Meksika\'da Macromural',
-  description: 'Dünyanın en büyük duvar resimlerinden biri, bir tepe mahallesindeki evleri kaplar.',
-  imageId: 'DgXHVwu'
-}, {
-  id: 3, 
-  name: 'Rio de Janeiro, Brezilya\'da Selarón Merdivenleri',
-  description: 'Bu simge yapı, Şilili sanatçı Jorge Selarón tarafından "Brezilya halkına bir övgü" olarak yaratıldı.',
-  imageId: 'aeO3rpI'
-}, {
-  id: 4, 
-  name: 'Burano, İtalya',
-  description: 'Evler, 16. yüzyıla dayanan belirli bir renk sistemi izlenerek boyanmıştır.',
-  imageId: 'kxsph5C'
-}, {
-  id: 5, 
-  name: 'Chefchaouen, Fas',
-  description: 'Evlerin neden mavi boyandığına dair birkaç teori var, bunların arasında: rengin sivrisinekleri uzaklaştırıyor olabilmesi veya gökyüzünü ve cenneti simgeliyor olabilmesi var.',
-=======
   id: 1,
-  name: 'Rainbow Village in Taichung, Taiwan',
-  description: 'To save the houses from demolition, Huang Yung-Fu, a local resident, painted all 1,200 of them in 1924.',
+  name: 'Tayvan, Taichung’daki Rainbow Village',
+  description: 'Evleri yıkımdan kurtarmak için yerel bir sakin olan Huang Yung-Fu, 1924’te 1.200 evin tamamını boyadı.',
   imageId: '9EAYZrt'
 }, {
   id: 2,
-  name: 'Macromural de Pachuca, Mexico',
-  description: 'One of the largest murals in the world covering homes in a hillside neighborhood.',
+  name: 'Meksika, Pachuca’daki Macromural',
+  description: 'Bir yamaç mahallesindeki evleri kaplayan, dünyanın en büyük mural’larından biridir.',
   imageId: 'DgXHVwu'
 }, {
   id: 3,
-  name: 'Selarón Staircase in Rio de Janeiro, Brazil',
-  description: 'This landmark was created by Jorge Selarón, a Chilean-born artist, as a "tribute to the Brazilian people".',
+  name: 'Brezilya, Rio de Janeiro’daki Selarón Merdivenleri',
+  description: 'Bu landmark, Şili doğumlu sanatçı Jorge Selarón tarafından "Brezilya halkına bir tribute" olarak oluşturulmuştur.',
   imageId: 'aeO3rpI'
 }, {
   id: 4,
-  name: 'Burano, Italy',
-  description: 'The houses are painted following a specific color system dating back to 16th century.',
+  name: 'Burano, İtalya',
+  description: 'Evler, 16. yüzyıla dayanan belirli bir color system’e göre boyanır.',
   imageId: 'kxsph5C'
 }, {
   id: 5,
-  name: 'Chefchaouen, Marocco',
-  description: 'There are a few theories on why the houses are painted blue, including that the color repels mosquitos or that it symbolizes sky and heaven.',
->>>>>>> 6ec61348646040795fdaa9de14a9bec603260f87
+  name: 'Chefchaouen, Fas',
+  description: 'Evlerin neden maviye boyandığına dair birkaç teori vardır; bunlar arasında rengin sivrisinekleri uzaklaştırması veya gökyüzünü ve cenneti symbol etmesi yer alır.',
   imageId: 'rTqKo46'
 }, {
   id: 6,
-  name: 'Busan, Güney Kore\'de Gamcheon Kültür Köyü',
-  description: '2009 yılında köy, evleri boyayanak, sergiler ve sanat gösterileri düzenlenerek bir kültür merkezi haline getirildi.',
+  name: 'Güney Kore, Busan’daki Gamcheon Kültür Köyü',
+  description: '2009 yılında köy, evlerin boyanması, sergiler ve sanat gösterileri düzenlenmesiyle bir kültür merkezi haline getirildi.',
   imageId: 'ZfQOOzf'
 }];
 ```