From 47e64bf7ad81aab8bacfa791a37816ee869135eb Mon Sep 17 00:00:00 2001
From: Muchen <lvzixun810519@gmail.com>
Date: Fri, 15 May 2026 04:24:42 +0800
Subject: [PATCH 01/42] docs: Update Vite React Compiler setup for
 @vitejs/plugin-react@6.0.0 (#8364)

* fix(docs): Change 'a Action' to 'an Action' in useOptimistic.md

This fixes a grammar error where 'a Action' should be 'an Action' since
'Action' starts with a vowel sound.

Related to #6713 - Capitalize React concepts in docs

* docs: Update Vite React Compiler setup for @vitejs/plugin-react@6.0.0

- Add instructions for using reactCompilerPreset with @rolldown/plugin-babel
- Document that inline babel option was removed in version 6.0.0
- Keep backward compatibility note for older versions
- Remove outdated vite-plugin-babel reference

Fixes #8353
---
 .../learn/react-compiler/installation.md      | 42 +++++++++++++------
 src/content/reference/react/useOptimistic.md  |  2 +-
 2 files changed, 31 insertions(+), 13 deletions(-)

diff --git a/src/content/learn/react-compiler/installation.md b/src/content/learn/react-compiler/installation.md
index 6cce34c6b..0ae0df17e 100644
--- a/src/content/learn/react-compiler/installation.md
+++ b/src/content/learn/react-compiler/installation.md
@@ -64,9 +64,32 @@ module.exports = {
 
 ### Vite {/*vite*/}
 
-If you use Vite, you can add the plugin to vite-plugin-react:
+If you use Vite with version 6.0.0 or later of `@vitejs/plugin-react`, you can use the `reactCompilerPreset`:
 
-```js {3,9}
+<TerminalBlock>
+npm install -D @rolldown/plugin-babel
+</TerminalBlock>
+
+```js {3-4,9-11}
+// vite.config.js
+import { defineConfig } from 'vite';
+import react, { reactCompilerPreset } from '@vitejs/plugin-react';
+import babel from '@rolldown/plugin-babel';
+
+export default defineConfig({
+  plugins: [
+    react(),
+    babel({
+      presets: [reactCompilerPreset()]
+    }),
+  ],
+});
+```
+
+<Note>
+In `@vitejs/plugin-react@6.0.0`, the inline Babel option was removed. If you're using an older version, you can use:
+
+```js
 // vite.config.js
 import { defineConfig } from 'vite';
 import react from '@vitejs/plugin-react';
@@ -81,26 +104,21 @@ export default defineConfig({
   ],
 });
 ```
+</Note>
 
-Alternatively, if you prefer a separate Babel plugin for Vite:
-
-<TerminalBlock>
-npm install -D vite-plugin-babel
-</TerminalBlock>
+Alternatively, you can use the Babel plugin directly with `@rolldown/plugin-babel`:
 
-```js {2,11}
+```js {3,9}
 // vite.config.js
-import babel from 'vite-plugin-babel';
 import { defineConfig } from 'vite';
 import react from '@vitejs/plugin-react';
+import babel from '@rolldown/plugin-babel';
 
 export default defineConfig({
   plugins: [
     react(),
     babel({
-      babelConfig: {
-        plugins: ['babel-plugin-react-compiler'],
-      },
+      plugins: ['babel-plugin-react-compiler'],
     }),
   ],
 });
diff --git a/src/content/reference/react/useOptimistic.md b/src/content/reference/react/useOptimistic.md
index 3c802cad1..c1ec79787 100644
--- a/src/content/reference/react/useOptimistic.md
+++ b/src/content/reference/react/useOptimistic.md
@@ -83,7 +83,7 @@ function handleClick() {
 
 #### How optimistic state works {/*how-optimistic-state-works*/}
 
-`useOptimistic` lets you show a temporary value while a Action is in progress:
+`useOptimistic` lets you show a temporary value while an Action is in progress:
 
 ```js
 const [value, setValue] = useState('a');

From afd29bc64ab3a6917951413cb368a07fc02d6c03 Mon Sep 17 00:00:00 2001
From: anilcanboga <anlcn.boga@hotmail.com>
Date: Sat, 27 Jun 2026 15:23:18 +0300
Subject: [PATCH 02/42] adding-interactivity.md

---
 src/content/learn/adding-interactivity.md | 126 +++++-----------------
 1 file changed, 27 insertions(+), 99 deletions(-)

diff --git a/src/content/learn/adding-interactivity.md b/src/content/learn/adding-interactivity.md
index 5212eb075..9696e7e43 100644
--- a/src/content/learn/adding-interactivity.md
+++ b/src/content/learn/adding-interactivity.md
@@ -138,147 +138,75 @@ export default function Gallery() {
 export const sculptureList = [{
   name: 'Homenaje a la Neurocirugía',
   artist: 'Marta Colvin Andrade',
-<<<<<<< HEAD
-  description: 'Colvin ağırlıklı olarak İspanyol öncesi sembollere gönderme yapan soyut temalarla bilinmesine rağmen, beyin cerrahisine saygı duruşu niteliğindeki bu devasa heykel onun en tanınmış sanat eserlerinden biridir.',
-  url: 'https://i.imgur.com/Mx7dA2Y.jpg',
-  alt: 'Parmak uçlarında insan beynini zarif bir şekilde tutan çapraz iki elin yer aldığı bronz bir heykel.'
-}, {
-  name: 'Floralis Genérica',
-  artist: 'Eduardo Catalano',
-  description: "Bu muazzam (75 ft. veya 23m) gümüş çiçek Buenos Aires'te bulunuyor. Akşamları veya kuvvetli rüzgarlar estiğinde yapraklarını kapatarak sabahları açarak hareket edecek şekilde tasarlanmıştır.",
-  url: 'https://i.imgur.com/ZF6s192m.jpg',
-  alt: 'Yansıtıcı ayna benzeri yaprakları ve güçlü organları ile devasa metalik çiçek heykeli.'
-}, {
-  name: 'Eternal Presence',
-  artist: 'John Woodrow Wilson',
-  description: 'Wilson eşitlik ve sosyal adaletin yanı sıra insanlığın temel ve manevi niteliklerine olan ilgisiyle biliniyordu. Bu devasa (7 ft. veya 2,13 m) bronz, kendisinin "evrensel insanlık duygusuyla aşılanmış sembolik bir Siyah varlığı" olarak tanımladığı şeyi temsil ediyor.',
-  url: 'https://i.imgur.com/aTtVpES.jpg',
-  alt: 'İnsan kafasını tasvir eden heykel her zaman mevcut ve ciddi görünüyor. Sakinlik ve dinginlik yayar.'
-}, {
-  name: 'Moai',
-  artist: 'Unknown Artist',
-  description: "Paskalya Adası'nda, ilk Rapa Nui halkı tarafından yapılmış ve bazılarının tanrılaştırılmış ataları temsil ettiğine inanılan 1000 moai veya günümüze ulaşan anıtsal heykeller bulunmaktadır.",
-  url: 'https://i.imgur.com/RCwLEoQm.jpg',
-  alt: 'Başları orantısız derecede büyük ve kasvetli yüzlere sahip üç anıtsal taş büst.'
-}, {
-  name: 'Blue Nana',
-  artist: 'Niki de Saint Phalle',
-  description: "Nanalar muzaffer yaratıklardır, kadınlık ve analığın simgeleridir. Başlangıçta Saint Phalle, Nana'lar için kumaş kullanmış ve nesneler bulmuş, daha sonra daha canlı bir etki elde etmek için polyesteri kullanmıştır.",
-  url: 'https://i.imgur.com/Sd1AgUOm.jpg',
-  alt: 'Sevinç yayan renkli bir kostüm içinde tuhaf dans eden bir kadın figürünün büyük mozaik heykeli.'
-}, {
-  name: 'Ultimate Form',
-  artist: 'Barbara Hepworth',
-  description: "Bu soyut bronz heykel, Yorkshire Heykel Parkı'nda bulunan The Family of Man serisinin bir parçasıdır. Hepworth, dünyanın gerçek temsillerini yaratmayı değil, insanlardan ve manzaralardan ilham alan soyut formlar geliştirmeyi seçti.",
-  url: 'https://i.imgur.com/2heNQDcm.jpg',
-  alt: 'Bir insan figürünü anımsatan, üst üste dizilmiş üç öğeden oluşan uzun bir heykel.'
-}, {
-  name: 'Cavaliere',
-  artist: 'Lamidi Olonade Fakeye',
-  description: "Dört nesildir ahşap oymacılığı yapan Fakeye'nin çalışmaları geleneksel ve çağdaş Yoruba temalarını harmanlıyordu.",
-  url: 'https://i.imgur.com/wIdGuZwm.png',
-  alt: 'Desenlerle süslenmiş, ata odaklanmış bir yüze sahip bir savaşçının karmaşık ahşap heykeli.'
-}, {
-  name: 'Big Bellies',
-  artist: 'Alina Szapocznikow',
-  description: "Szapocznikow, gençliğin ve güzelliğin kırılganlığı ve geçiciliğine dair bir metafor olarak parçalanmış beden heykelleriyle tanınıyor. Bu heykel, her biri yaklaşık 1,5 metre yüksekliğinde, üst üste dizilmiş, çok gerçekçi iki büyük karnı tasvir ediyor.",
-  url: 'https://i.imgur.com/AlHTAdDm.jpg',
-  alt: 'Heykel, klasik heykellerdeki karınlardan oldukça farklı olarak bir dizi kıvrımı andırıyor.'
-}, {
-  name: 'Terracotta Army',
-  artist: 'Unknown Artist',
-  description: "Terracotta Ordusu, Çin'in ilk İmparatoru Qin Shi Huang'ın ordularını tasvir eden pişmiş toprak heykellerden oluşan bir koleksiyondur. Ordu 8.000'den fazla asker, 520 atlı, 130 savaş arabası ve 150 süvari atından oluşuyordu.",
-  url: 'https://i.imgur.com/HMFmH6m.jpg',
-  alt: '12 tane her biri benzersiz bir yüz ifadesine ve zırha sahip, ciddi savaşçıların pişmiş toprak heykeli.'
-}, {
-  name: 'Lunar Landscape',
-  artist: 'Louise Nevelson',
-  description: "Nevelson, daha sonra anıtsal yapılara dönüştüreceği New York şehrinin enkazından nesneleri temizlemesiyle tanınıyordu. Bu eserinde karyola direği, hokkabazlık iğnesi ve koltuk parçası gibi farklı parçaları kullanarak Kübizm'in geometrik mekan ve biçim soyutlamasının etkisini yansıtan kutulara çivileyip yapıştırdı.",
-  url: 'https://i.imgur.com/rN7hY6om.jpg',
-  alt: 'Bireysel unsurların başlangıçta ayırt edilemediği siyah mat bir heykel.'
-}, {
-  name: 'Aureole',
-  artist: 'Ranjani Shettar',
-  description: 'Shettar geleneksel ile moderni, doğal ile endüstriyel olanı birleştiriyor. Sanatı insan ve doğa arasındaki ilişkiye odaklanıyor. Çalışmaları hem soyut hem de mecazi olarak ilgi çekici, yerçekimine meydan okuyan ve "beklenmedik malzemelerin ince bir sentezi" olarak tanımlanıyor.',
-  url: 'https://i.imgur.com/okTpbHhm.jpg',
-  alt: 'Beton duvara monte edilmiş ve yere inen soluk tel benzeri bir heykel. Hafifmiş gibi görünüyor.'
-}, {
-  name: 'Hippos',
-  artist: 'Taipei Zoo',
-  description: 'Taipei Hayvanat Bahçesi, su altındaki su aygırlarının oyun oynadığı bir Su Aygırı Meydanı yaptırdı.',
-  url: 'https://i.imgur.com/6o5Vuyu.jpg',
-  alt: 'Setin kaldırımından sanki yüzüyormuş gibi çıkan bir grup bronz su aygırı heykeli.'
-=======
-  description: 'Although Colvin is predominantly known for abstract themes that allude to pre-Hispanic symbols, this gigantic sculpture, an homage to neurosurgery, is one of her most recognizable public art pieces.',
+  description: 'Colvin ağırlıklı olarak Hispanik öncesi sembollere gönderme yapan soyut temalarıyla bilinse de, nöroşirürjiye bir saygı duruşu olan bu devasa heykel, onun en tanınan kamusal sanat eserlerinden biridir.',
   url: 'https://react.dev/images/docs/scientists/Mx7dA2Y.jpg',
-  alt: 'A bronze statue of two crossed hands delicately holding a human brain in their fingertips.'
+  alt: 'İki çapraz elin, parmak uçlarında insan beynini nazikçe tuttuğu bronz bir heykel.'
 }, {
   name: 'Floralis Genérica',
   artist: 'Eduardo Catalano',
-  description: 'This enormous (75 ft. or 23m) silver flower is located in Buenos Aires. It is designed to move, closing its petals in the evening or when strong winds blow and opening them in the morning.',
+  description: 'Bu devasa (75 ft. veya 23 m) gümüş çiçek Buenos Aires’te yer alır. Akşamları veya güçlü rüzgarlar estiğinde taç yapraklarını kapatacak, sabahları ise açacak şekilde tasarlanmıştır.',
   url: 'https://react.dev/images/docs/scientists/ZF6s192m.jpg',
-  alt: 'A gigantic metallic flower sculpture with reflective mirror-like petals and strong stamens.'
+  alt: 'Yansıtıcı, ayna benzeri taç yaprakları ve güçlü erkek organları olan devasa metalik bir çiçek heykeli.'
 }, {
   name: 'Eternal Presence',
   artist: 'John Woodrow Wilson',
-  description: 'Wilson was known for his preoccupation with equality, social justice, as well as the essential and spiritual qualities of humankind. This massive (7ft. or 2,13m) bronze represents what he described as "a symbolic Black presence infused with a sense of universal humanity."',
+  description: 'Wilson; eşitlik, sosyal adalet ve insanlığın temel ve ruhani nitelikleriyle ilgilenmesiyle biliniyordu. Bu büyük (7 ft. veya 2,13 m) bronz eser, onun "evrensel insanlık duygusuyla harmanlanmış sembolik bir Siyah varlık" olarak tanımladığı şeyi temsil eder.',
   url: 'https://react.dev/images/docs/scientists/aTtVpES.jpg',
-  alt: 'The sculpture depicting a human head seems ever-present and solemn. It radiates calm and serenity.'
+  alt: 'Bir insan başını tasvir eden heykel, her zaman var olan ve ağırbaşlı bir izlenim verir. Sakinlik ve huzur yayar.'
 }, {
   name: 'Moai',
-  artist: 'Unknown Artist',
-  description: 'Located on the Easter Island, there are 1,000 moai, or extant monumental statues, created by the early Rapa Nui people, which some believe represented deified ancestors.',
+  artist: 'Bilinmeyen Sanatçı',
+  description: 'Paskalya Adası’nda bulunan, erken dönem Rapa Nui halkı tarafından oluşturulmuş 1.000 adet moai veya günümüze ulaşmış anıtsal heykel vardır. Bazılarına göre bunlar tanrılaştırılmış ataları temsil ediyordu.',
   url: 'https://react.dev/images/docs/scientists/RCwLEoQm.jpg',
-  alt: 'Three monumental stone busts with the heads that are disproportionately large with somber faces.'
+  alt: 'Orantısız derecede büyük başlara ve ciddi yüz ifadelerine sahip üç anıtsal taş büst.'
 }, {
   name: 'Blue Nana',
   artist: 'Niki de Saint Phalle',
-  description: 'The Nanas are triumphant creatures, symbols of femininity and maternity. Initially, Saint Phalle used fabric and found objects for the Nanas, and later on introduced polyester to achieve a more vibrant effect.',
+  description: 'Nana’lar, kadınlık ve anneliğin sembolleri olan zafer kazanmış varlıklardır. Başlangıçta Saint Phalle, Nana’lar için kumaş ve buluntu nesneler kullandı; daha sonra daha canlı bir etki elde etmek için polyesteri dahil etti.',
   url: 'https://react.dev/images/docs/scientists/Sd1AgUOm.jpg',
-  alt: 'A large mosaic sculpture of a whimsical dancing female figure in a colorful costume emanating joy.'
+  alt: 'Renkli bir kostüm içinde neşe saçan, oyunbaz şekilde dans eden büyük bir kadın figürünün mozaik heykeli.'
 }, {
   name: 'Ultimate Form',
   artist: 'Barbara Hepworth',
-  description: 'This abstract bronze sculpture is a part of The Family of Man series located at Yorkshire Sculpture Park. Hepworth chose not to create literal representations of the world but developed abstract forms inspired by people and landscapes.',
+  description: 'Bu soyut bronz heykel, Yorkshire Sculpture Park’ta yer alan The Family of Man serisinin bir parçasıdır. Hepworth, dünyanın birebir temsillerini oluşturmak yerine insanlardan ve manzaralardan ilham alan soyut formlar geliştirmeyi seçti.',
   url: 'https://react.dev/images/docs/scientists/2heNQDcm.jpg',
-  alt: 'A tall sculpture made of three elements stacked on each other reminding of a human figure.'
+  alt: 'Üst üste yerleştirilmiş üç öğeden oluşan ve bir insan figürünü hatırlatan uzun bir heykel.'
 }, {
   name: 'Cavaliere',
   artist: 'Lamidi Olonade Fakeye',
-  description: "Descended from four generations of woodcarvers, Fakeye's work blended traditional and contemporary Yoruba themes.",
+  description: "Dört kuşak ahşap oymacısının soyundan gelen Fakeye’nin çalışmaları, geleneksel ve çağdaş Yoruba temalarını harmanladı.",
   url: 'https://react.dev/images/docs/scientists/wIdGuZwm.png',
-  alt: 'An intricate wood sculpture of a warrior with a focused face on a horse adorned with patterns.'
+  alt: 'Desenlerle süslenmiş bir atın üzerinde, odaklanmış yüz ifadeli bir savaşçıyı tasvir eden ayrıntılı bir ahşap heykel.'
 }, {
   name: 'Big Bellies',
   artist: 'Alina Szapocznikow',
-  description: "Szapocznikow is known for her sculptures of the fragmented body as a metaphor for the fragility and impermanence of youth and beauty. This sculpture depicts two very realistic large bellies stacked on top of each other, each around five feet (1,5m) tall.",
+  description: "Szapocznikow, parçalanmış beden heykellerini gençliğin ve güzelliğin kırılganlığı ile geçiciliğine dair bir metafor olarak kullanmasıyla bilinir. Bu heykel, üst üste yerleştirilmiş iki oldukça gerçekçi büyük göbeği tasvir eder; her biri yaklaşık beş fit (1,5 m) uzunluğundadır.",
   url: 'https://react.dev/images/docs/scientists/AlHTAdDm.jpg',
-  alt: 'The sculpture reminds a cascade of folds, quite different from bellies in classical sculptures.'
+  alt: 'Heykel, klasik heykellerdeki göbeklerden oldukça farklı olan bir kıvrım şelalesini andırır.'
 }, {
   name: 'Terracotta Army',
-  artist: 'Unknown Artist',
-  description: 'The Terracotta Army is a collection of terracotta sculptures depicting the armies of Qin Shi Huang, the first Emperor of China. The army consisted of more than 8,000 soldiers, 130 chariots with 520 horses, and 150 cavalry horses.',
+  artist: 'Bilinmeyen Sanatçı',
+  description: 'Terracotta Army, Çin’in ilk İmparatoru Qin Shi Huang’ın ordularını tasvir eden pişmiş toprak heykellerden oluşan bir koleksiyondur. Ordu; 8.000’den fazla asker, 520 atlı 130 savaş arabası ve 150 süvari atından oluşuyordu.',
   url: 'https://react.dev/images/docs/scientists/HMFmH6m.jpg',
-  alt: '12 terracotta sculptures of solemn warriors, each with a unique facial expression and armor.'
+  alt: 'Her biri kendine özgü yüz ifadesine ve zırha sahip, ciddi görünümlü savaşçılardan oluşan 12 pişmiş toprak heykel.'
 }, {
   name: 'Lunar Landscape',
   artist: 'Louise Nevelson',
-  description: 'Nevelson was known for scavenging objects from New York City debris, which she would later assemble into monumental constructions. In this one, she used disparate parts like a bedpost, juggling pin, and seat fragment, nailing and gluing them into boxes that reflect the influence of Cubism’s geometric abstraction of space and form.',
+  description: 'Nevelson, New York City enkazından nesneler toplaması ve bunları daha sonra anıtsal yapılara dönüştürmesiyle biliniyordu. Bu eserde; yatak direği, jonglör labutu ve koltuk parçası gibi birbirinden farklı parçaları kullandı, bunları kutuların içine çivileyip yapıştırarak Kübizmin mekan ve form üzerindeki geometrik soyutlama etkisini yansıttı.',
   url: 'https://react.dev/images/docs/scientists/rN7hY6om.jpg',
-  alt: 'A black matte sculpture where the individual elements are initially indistinguishable.'
+  alt: 'Tek tek öğelerin ilk bakışta ayırt edilemediği siyah mat bir heykel.'
 }, {
   name: 'Aureole',
   artist: 'Ranjani Shettar',
-  description: 'Shettar merges the traditional and the modern, the natural and the industrial. Her art focuses on the relationship between man and nature. Her work was described as compelling both abstractly and figuratively, gravity defying, and a "fine synthesis of unlikely materials."',
+  description: 'Shettar geleneksel ile moderni, doğal olan ile endüstriyel olanı birleştirir. Sanatı, insan ve doğa arasındaki ilişkiye odaklanır. Eserleri hem soyut hem figüratif açıdan etkileyici, yer çekimine meydan okuyan ve "beklenmedik malzemelerin ince bir sentezi" olarak tanımlanmıştır.',
   url: 'https://react.dev/images/docs/scientists/okTpbHhm.jpg',
-  alt: 'A pale wire-like sculpture mounted on concrete wall and descending on the floor. It appears light.'
+  alt: 'Beton duvara monte edilmiş ve zemine doğru inen, soluk renkli tel benzeri bir heykel. Hafif görünür.'
 }, {
   name: 'Hippos',
-  artist: 'Taipei Zoo',
-  description: 'The Taipei Zoo commissioned a Hippo Square featuring submerged hippos at play.',
+  artist: 'Taipei Hayvanat Bahçesi',
+  description: 'Taipei Hayvanat Bahçesi, oyun oynayan suya batmış hipopotamları içeren bir Hippo Square yaptırdı.',
   url: 'https://react.dev/images/docs/scientists/6o5Vuyu.jpg',
-  alt: 'A group of bronze hippo sculptures emerging from the sett sidewalk as if they were swimming.'
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+  alt: 'Sanki yüzüyormuş gibi kaldırımdan çıkan bir grup bronz hipopotam heykeli.'
 }];
 ```
 

From 5614106e7caf52582af6ca8f79575990f9453720 Mon Sep 17 00:00:00 2001
From: anilcanboga <anlcn.boga@hotmail.com>
Date: Sat, 27 Jun 2026 15:23:39 +0300
Subject: [PATCH 03/42] choosing-the-state-structure.md

---
 .../learn/choosing-the-state-structure.md     | 24 ++++++-------------
 1 file changed, 7 insertions(+), 17 deletions(-)

diff --git a/src/content/learn/choosing-the-state-structure.md b/src/content/learn/choosing-the-state-structure.md
index a200d1483..11d06f92a 100644
--- a/src/content/learn/choosing-the-state-structure.md
+++ b/src/content/learn/choosing-the-state-structure.md
@@ -1823,23 +1823,13 @@ Bazı durumlarda iç içe state'in bazı parçalarını alt bileşenlere taşıy
 
 <Recap>
 
-<<<<<<< HEAD
-* Eğer iki farklı state değişkeni hep aynı anda güncelleniyorsa bunları tek bir state değişkeninde birleştirmeyi değerlendirin.
-* "İmkansız" state'ler oluşturmaktan kaçınmak için state değişkenlerini dikkatle seçin.
-* State'inizi, onu güncellerken hata yapma ihtimalini en aza indirgeyecek şekilde yapılandırın.
-* State'inizi senkronize tutmaya çalışmak yerine gereksiz ve yinelenen şekilde yapılandırmaktan kaçının.
-* Güncellemeleri engellemek istediğiniz durumlar haricinde prop'ları state *içine* koymayın.
-* Seçim (selection) gibi UI kalıpları için state'te objenin kendisi yerine IDsini ya da indeksini tutun.
-* Eğer derinlemesine iç içe geçmiş state'i güncellemek karmaşıksa onu düz bir yapıya getirmeye çalışın.
-=======
-* If two state variables always update together, consider merging them into one.
-* Choose your state variables carefully to avoid creating "impossible" states.
-* Structure your state in a way that reduces the chances that you'll make a mistake updating it.
-* Avoid redundant and duplicate state so that you don't need to keep it in sync.
-* Don't put props *into* state unless you specifically want to prevent updates.
-* For UI patterns like selection, keep ID or index in state instead of the object itself.
-* If updating deeply nested state is complicated, try flattening it.
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+* İki state variable her zaman birlikte update oluyorsa, bunları tek bir variable’da birleştirmeyi düşünün.
+* "Impossible" state’ler oluşturmamak için state variable’larınızı dikkatli seçin.
+* State’inizi, update ederken hata yapma ihtimalinizi azaltacak şekilde yapılandırın.
+* Redundant ve duplicate state kullanmaktan kaçının; böylece bunları sync tutmanız gerekmez.
+* Update’leri özellikle engellemek istemiyorsanız, props’u state *içine* koymayın.
+* Selection gibi UI pattern’lerinde, object’in kendisi yerine ID veya index’i state’te tutun.
+* Deeply nested state’i update etmek karmaşıksa, onu flatten etmeyi deneyin.
 
 </Recap>
 

From 5863765a2b635da432cc8af7bfabc1e86b7ffd8e Mon Sep 17 00:00:00 2001
From: anilcanboga <anlcn.boga@hotmail.com>
Date: Sat, 27 Jun 2026 15:23:47 +0300
Subject: [PATCH 04/42] describing-the-ui.md

---
 src/content/learn/describing-the-ui.md | 22 ++++------------------
 1 file changed, 4 insertions(+), 18 deletions(-)

diff --git a/src/content/learn/describing-the-ui.md b/src/content/learn/describing-the-ui.md
index 70f262535..380a4ae3e 100644
--- a/src/content/learn/describing-the-ui.md
+++ b/src/content/learn/describing-the-ui.md
@@ -526,15 +526,9 @@ Bileşenlerin saf, öngörülebilir fonksiyonlar olarak nasıl yazılacağını
 
 ## Arayüzünüzü bir ağaç olarak düşünün {/*your-ui-as-a-tree*/}
 
-<<<<<<< HEAD
-React, bileşenler ve modüller arasındaki ilişkileri modellemek için ağaçları kullanır.
+React, component’ler ve module’ler arasındaki relationship’leri modellemek için tree’leri kullanır.
 
-React render ağacı, bileşenler arasındaki üst ve alt ilişkisinin bir temsilidir.
-=======
-React uses trees to model the relationships between components and modules.
-
-A React render tree is a representation of the parent and child relationship between components.
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+Bir React render tree, component’ler arasındaki parent ve child relationship’inin bir representation’ıdır.
 
 <Diagram name="generic_render_tree" height={250} width={500} alt="Her bir düğümün bir bileşeni temsil ettiği beş düğümlü bir ağaç grafiği. Kök düğüm ağaç grafiğinin en üstünde yer alır ve 'Kök Bileşen' olarak etiketlenmiştir. 'Bileşen A' ve 'Bileşen C' olarak etiketlenmiş iki düğüme uzanan iki oku vardır. Okların her biri 'render' ile etiketlenmiştir. 'Bileşen A', 'Bileşen B' etiketli bir düğüme giden tek bir 'render' okuna sahiptir. 'C Bileşeni', 'D Bileşeni' etiketli bir düğüme giden tek bir 'render' okuna sahiptir.">
 
@@ -544,11 +538,7 @@ A React render tree is a representation of the parent and child relationship bet
 
 Ağacın tepesine, kök bileşene yakın bileşenler üst düzey bileşenler olarak kabul edilir. Alt elemanı olmayan bileşenler yaprak bileşenlerdir. Bileşenlerin bu şekilde kategorize edilmesi, veri akışını ve render etme performansını anlamak için kullanışlıdır.
 
-<<<<<<< HEAD
-JavaScript modülleri arasındaki ilişkiyi modellemek, uygulamanızı anlamanın bir başka yararlı yoludur. Bunu modül bağımlılık ağacı olarak adlandırıyoruz.
-=======
-Modelling the relationship between JavaScript modules is another useful way to understand your app. We refer to it as a module dependency tree.
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+JavaScript module’leri arasındaki relationship’i modellemek, app’inizi anlamanın başka bir faydalı yoludur. Buna module dependency tree diyoruz.
 
 <Diagram name="generic_dependency_tree" height={250} width={500} alt="Beş düğümlü bir ağaç grafiği. Her düğüm bir JavaScript modülünü temsil eder. En üstteki düğüm 'RootModule.js' olarak etiketlenmiştir. Bu düğümün düğümlere uzanan üç oku vardır: 'ModuleA.js', 'ModuleB.js' ve 'ModuleC.js'. Her ok 'imports' olarak etiketlenmiştir. 'ModuleC.js' düğümü, 'ModuleD.js' etiketli bir düğüme işaret eden tek bir 'imports' okuna sahiptir.">
 
@@ -556,11 +546,7 @@ Modelling the relationship between JavaScript modules is another useful way to u
 
 </Diagram>
 
-<<<<<<< HEAD
-Bağımlılık ağacı genellikle derleme araçları tarafından istemcinin indirmesi ve renderlaması için ilgili tüm JavaScript kodunu paketlemek için kullanılır. Büyük bir paket boyutu, React uygulamaları için kullanıcı deneyimini geriletir. Modül bağımlılık ağacını anlamak, bu tür sorunları ayıklamak için yardımcı olur.
-=======
-A dependency tree is often used by build tools to bundle all the relevant JavaScript code for the client to download and render. A large bundle size regresses user experience for React apps. Understanding the module dependency tree is helpful to debug such issues.
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+Bir dependency tree, genellikle build tool’lar tarafından client’ın indirip render edebilmesi için ilgili tüm JavaScript code’unu bundle etmek amacıyla kullanılır. Büyük bundle size, React app’lerinde user experience’ı kötüleştirir. Module dependency tree’yi anlamak, bu tür issue’ları debug etmek için faydalıdır.
 
 <LearnMore path="/learn/understanding-your-ui-as-a-tree">
 

From 62b314a23d6492f39a30c8e9b4c09a50466ac15c Mon Sep 17 00:00:00 2001
From: anilcanboga <anlcn.boga@hotmail.com>
Date: Sat, 27 Jun 2026 15:23:54 +0300
Subject: [PATCH 05/42] editor-setup.md

---
 src/content/learn/editor-setup.md | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/src/content/learn/editor-setup.md b/src/content/learn/editor-setup.md
index 2b1cb84c1..a118bbbe0 100644
--- a/src/content/learn/editor-setup.md
+++ b/src/content/learn/editor-setup.md
@@ -31,11 +31,7 @@ Bazı düzenleyiciler bu özelliklerle birlikte gelir, ancak diğerleri bir ekle
 
 ### Linting {/*linting*/}
 
-<<<<<<< HEAD
-Kod linter araçları kodunuzu yazarken problemleri bulmanızı ve düzeltmenizi sağlar. [ESLint](https://eslint.org/) popüler bir açık kaynak JavaScript linter aracıdır.
-=======
-Code linters find problems in your code as you write, helping you fix them early. [ESLint](https://eslint.org/) is a popular, open source linter for JavaScript.
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+Code linter’ları, siz code yazarken code’unuzdaki problem’leri bulur ve bunları erken aşamada fix etmenize yardımcı olur. [ESLint](https://eslint.org/), JavaScript için popüler, open source bir linter’dır.
 
 * [React için önerilen ESLint ayarlarını kurmak](https://www.npmjs.com/package/eslint-config-react-app) ([Node'un yüklü](https://nodejs.org/en/download/current/)olduğundan emin olun!) 
 * [ESLint'i, VSCode'a resmi eklenti ile entegre edin](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint)

From 8a4f91946e674656363ecf0e41b49d76611a749e Mon Sep 17 00:00:00 2001
From: anilcanboga <anlcn.boga@hotmail.com>
Date: Sat, 27 Jun 2026 15:24:02 +0300
Subject: [PATCH 06/42] escape-hatches.md

---
 src/content/learn/escape-hatches.md | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/src/content/learn/escape-hatches.md b/src/content/learn/escape-hatches.md
index 26ddaab10..750a3e03e 100644
--- a/src/content/learn/escape-hatches.md
+++ b/src/content/learn/escape-hatches.md
@@ -227,11 +227,7 @@ function Form() {
 }
 ```
 
-<<<<<<< HEAD
-Ancak, harici sistemler ile senkronize etmek için Efektlere ihtiyacınız vardır.
-=======
-However, you *do* need Effects to synchronize with external systems.
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+Ancak external system’lerle senkronize olmak için Effect’lere *gerçekten* ihtiyacınız vardır.
 
 <LearnMore path="/learn/you-might-not-need-an-effect">
 

From 0d3f086e425fc326438d877bc18dfed6d7f49f60 Mon Sep 17 00:00:00 2001
From: anilcanboga <anlcn.boga@hotmail.com>
Date: Sat, 27 Jun 2026 15:24:10 +0300
Subject: [PATCH 07/42] javascript-in-jsx-with-curly-braces.md

---
 src/content/learn/javascript-in-jsx-with-curly-braces.md | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/src/content/learn/javascript-in-jsx-with-curly-braces.md b/src/content/learn/javascript-in-jsx-with-curly-braces.md
index 8fb129f01..35bc73d4d 100644
--- a/src/content/learn/javascript-in-jsx-with-curly-braces.md
+++ b/src/content/learn/javascript-in-jsx-with-curly-braces.md
@@ -432,11 +432,7 @@ body > div > div { padding: 20px; }
 
 Aşağıdaki objede, tam resim URL'si dört parçaya bölünmüştür: temel URL, `imageId`, `imageSize` ve dosya uzantısı.
 
-<<<<<<< HEAD
-Resim URL'sini bu özellikleri bir araya getirecek şekilde istiyoruz: temel URL (her zaman `'https://i.imgur.com/'`), `imageId` (`'7vQD0fP'`), `imageSize` (`'s'`) ve dosya uzantısı (her zaman `'.jpg'`). Ancak, `<img>` etiketinin `srcyi belirtme biçiminde bir sorun var.
-=======
-We want the image URL to combine these attributes together: base URL (always `'https://react.dev/images/docs/scientists/'`), `imageId` (`'7vQD0fP'`), `imageSize` (`'s'`), and file extension (always `'.jpg'`). However, something is wrong with how the `<img>` tag specifies its `src`.
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+Image URL’nin şu attribute’ları bir araya getirmesini istiyoruz: base URL (her zaman `'https://react.dev/images/docs/scientists/'`), `imageId` (`'7vQD0fP'`), `imageSize` (`'s'`) ve file extension (her zaman `'.jpg'`). Ancak `<img>` tag’inin `src`’yi belirtme şeklinde bir sorun var.
 
 Bu hatayı düzeltebilir misiniz?
 

From 7c4f18a88ea7494f72b762f5f89ae9f400fdc9b1 Mon Sep 17 00:00:00 2001
From: anilcanboga <anlcn.boga@hotmail.com>
Date: Sat, 27 Jun 2026 15:24:17 +0300
Subject: [PATCH 08/42] keeping-components-pure.md

---
 src/content/learn/keeping-components-pure.md | 55 +++++---------------
 1 file changed, 14 insertions(+), 41 deletions(-)

diff --git a/src/content/learn/keeping-components-pure.md b/src/content/learn/keeping-components-pure.md
index 094ee5dc4..4722f1d35 100644
--- a/src/content/learn/keeping-components-pure.md
+++ b/src/content/learn/keeping-components-pure.md
@@ -27,23 +27,13 @@ Saf fonksiyonların bir örneğini zaten biliyor olabilirsiniz: matematikteki fo
 
 Bu formülü ele alalım: <Math><MathI>y</MathI> = 2<MathI>x</MathI></Math>.
 
-<<<<<<< HEAD
-Eğer <Math><MathI>x</MathI> = 2</Math> ise <Math><MathI>y</MathI> = 4</Math>'tür. Her zaman. 
+Eğer <Math><MathI>x</MathI> = 2</Math> ise <Math><MathI>y</MathI> = 4</Math>. Her zaman.
 
-Eğer <Math><MathI>x</MathI> = 3</Math> ise <Math><MathI>y</MathI> = 6</Math>'dır. Her zaman. 
+Eğer <Math><MathI>x</MathI> = 3</Math> ise <Math><MathI>y</MathI> = 6</Math>. Her zaman.
 
-Eğer <Math><MathI>x</MathI> = 3</Math> ise, <MathI>y</MathI> günün zamanına veya borsanın durumuna bağlı olarak bazen <Math>9</Math> ya da <Math>–1</Math> veya <Math>2.5</Math> olmaz. 
+Eğer <Math><MathI>x</MathI> = 3</Math> ise, <MathI>y</MathI> günün saatine veya borsanın durumuna bağlı olarak bazen <Math>9</Math>, <Math>–1</Math> ya da <Math>2.5</Math> olmaz.
 
-Eğer <Math><MathI>y</MathI> = 2<MathI>x</MathI></Math> ve <Math><MathI>x</MathI> = 3</Math> ise, <MathI>y</MathI> _her zaman_ <Math>6</Math>'dır. 
-=======
-If <Math><MathI>x</MathI> = 2</Math> then <Math><MathI>y</MathI> = 4</Math>. Always.
-
-If <Math><MathI>x</MathI> = 3</Math> then <Math><MathI>y</MathI> = 6</Math>. Always.
-
-If <Math><MathI>x</MathI> = 3</Math>, <MathI>y</MathI> won't sometimes be <Math>9</Math> or <Math>–1</Math> or <Math>2.5</Math> depending on the time of day or the state of the stock market.
-
-If <Math><MathI>y</MathI> = 2<MathI>x</MathI></Math> and <Math><MathI>x</MathI> = 3</Math>, <MathI>y</MathI> will _always_ be <Math>6</Math>.
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+Eğer <Math><MathI>y</MathI> = 2<MathI>x</MathI></Math> ve <Math><MathI>x</MathI> = 3</Math> ise, <MathI>y</MathI> _her zaman_ <Math>6</Math> olur.
 
 Eğer bunu bir JavaScript fonksiyonuna çevirseydik, şöyle görünürdü:
 
@@ -85,18 +75,11 @@ export default function App() {
 
 </Sandpack>
 
-<<<<<<< HEAD
-`Drinkers` parametresine `{2}` değerini verip, `Recipe'ye` geçerseniz, `2 bardak su` içeren JSX'i döndürür. Her zaman.
-=======
-When you pass `drinkers={2}` to `Recipe`, it will return JSX containing `2 cups of water`. Always.
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+`Recipe`’ye `drinkers={2}` pass ettiğinizde, `2 cups of water` içeren JSX return eder. Her zaman.
 
-`Drinkers` parametresine `{4}` değerini verip, `4 bardak su` içeren JSX’i döndürür. Her zaman.
+`Recipe`’ye `drinkers={4}` pass ettiğinizde, `4 bardak su` içeren JSX return eder. Her zaman.
 
-<<<<<<< HEAD
-=======
-Just like a math formula.
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+Tıpkı bir math formula gibi.
 
 Tıpkı bir matematik formülü gibi.
 
@@ -234,23 +217,13 @@ Saf işlevler yazmak biraz alışkanlık ve disiplin gerektirir. Ama aynı zaman
 
 <Recap>
 
-<<<<<<< HEAD
-* Bir bileşen saf olmalıdır, yani:
-  * **Kendi işine bakar.** İşlemeden önce var olan hiçbir nesneyi veya değişkeni değiştirmemelidir.
-  * **Aynı girdiler, aynı çıktılar.** Aynı girdiler verildiğinde, bir bileşen her zaman aynı JSX'i döndürmelidir. 
-* Oluşturma herhangi bir zamanda gerçekleşebilir, bu nedenle bileşenler birbirinin oluşturma sırasına bağlı olmamalıdır.
-* 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)
-* 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.
-* Saf fonksiyonlar yazmak biraz pratik gerektirir, ancak React'in paradigmasının gücünü açığa çıkarır.
-=======
-* A component must be pure, meaning:
-  * **It minds its own business.** It should not change any objects or variables that existed before rendering.
-  * **Same inputs, same output.** Given the same inputs, a component should always return the same JSX.
-* Rendering can happen at any time, so components should not depend on each others' rendering sequence.
-* You should not mutate any of the inputs that your components use for rendering. That includes props, state, and context. To update the screen, ["set" state](/learn/state-a-components-memory) instead of mutating preexisting objects.
-* Strive to express your component's logic in the JSX you return. When you need to "change things", you'll usually want to do it in an event handler. As a last resort, you can `useEffect`.
-* Writing pure functions takes a bit of practice, but it unlocks the power of React's paradigm.
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+* Bir component pure olmalıdır, yani:
+  * **Kendi işine bakar.** Rendering’den önce var olan hiçbir object’i veya variable’ı değiştirmemelidir.
+  * **Aynı input’lar, aynı output.** Aynı input’lar verildiğinde, bir component her zaman aynı JSX’i return etmelidir.
+* Rendering herhangi bir zamanda gerçekleşebilir, bu yüzden component’ler birbirlerinin rendering sequence’ına bağlı olmamalıdır.
+* Component’lerinizin rendering için kullandığı input’ların hiçbirini mutate etmemelisiniz. Buna props, state ve context dahildir. Ekranı update etmek için, önceden var olan object’leri mutate etmek yerine ["set" state](/learn/state-a-components-memory) kullanın.
+* Component logic’inizi return ettiğiniz JSX içinde ifade etmeye çalışın. "Bir şeyleri değiştirmek" gerektiğinde, bunu genellikle bir event handler içinde yapmak istersiniz. Son çare olarak `useEffect` kullanabilirsiniz.
+* Pure function yazmak biraz pratik gerektirir, ancak React’in paradigm’ının gücünü ortaya çıkarır.
 
 </Recap>
 

From 536ed74e139b4e61ca01d34ffaa62843a60e4531 Mon Sep 17 00:00:00 2001
From: anilcanboga <anlcn.boga@hotmail.com>
Date: Sat, 27 Jun 2026 15:24:24 +0300
Subject: [PATCH 09/42] lifecycle-of-reactive-effects.md

---
 src/content/learn/lifecycle-of-reactive-effects.md | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/src/content/learn/lifecycle-of-reactive-effects.md b/src/content/learn/lifecycle-of-reactive-effects.md
index c4cb3f315..addbc2fc5 100644
--- a/src/content/learn/lifecycle-of-reactive-effects.md
+++ b/src/content/learn/lifecycle-of-reactive-effects.md
@@ -294,11 +294,7 @@ React'in `roomId` değiştikten sonra Efektinizin yeniden senkronize edilmesi ge
 ```js {1,3,8}
 function ChatRoom({ roomId }) { // roomId özelliği zaman içinde değişebilir
   useEffect(() => {
-<<<<<<< HEAD
-    const connection = createConnection(serverUrl, roomId); // Bu Efektte roomId'yi okur
-=======
-    const connection = createConnection(serverUrl, roomId); // This Effect reads roomId
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+    const connection = createConnection(serverUrl, roomId); // Bu Effect roomId’yi okur
     connection.connect();
     return () => {
       connection.disconnect();

From fc39a9ee104215f571581ce15fe31849f7e9b41a Mon Sep 17 00:00:00 2001
From: anilcanboga <anlcn.boga@hotmail.com>
Date: Sat, 27 Jun 2026 15:24:31 +0300
Subject: [PATCH 10/42] passing-data-deeply-with-context.md

---
 .../learn/passing-data-deeply-with-context.md | 127 +++++-------------
 1 file changed, 32 insertions(+), 95 deletions(-)

diff --git a/src/content/learn/passing-data-deeply-with-context.md b/src/content/learn/passing-data-deeply-with-context.md
index b61a665d8..26f0dff57 100644
--- a/src/content/learn/passing-data-deeply-with-context.md
+++ b/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.
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+* **Theming:** App’iniz user’ın görünümü değiştirmesine izin veriyorsa (örn. dark mode), app’inizin en üstüne bir context provider koyabilir ve görsel görünümünü ayarlaması gereken component’lerde bu context’i kullanabilirsiniz.
+* **Current account:** Birçok component, şu anda login olmuş user’ı bilmeye ihtiyaç duyabilir. Bunu context’e koymak, tree’nin herhangi bir yerinden okumayı kolaylaştırır. Bazı app’ler aynı anda birden fazla account ile işlem yapmanıza da izin verir (örn. farklı bir user olarak yorum bırakmak için). Bu durumlarda, UI’ın bir bölümünü farklı bir current account value’ya sahip nested provider ile sarmalamak kullanışlı olabilir.
+* **Routing:** Çoğu routing solution, current route’u tutmak için internal olarak context 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 konumda çok fazla state’iniz olabilir. Aşağıdaki birçok distant component bunu değiştirmek isteyebilir. Complex state’i manage etmek ve bunu distant component’lere çok fazla zahmet olmadan pass etmek için [context ile birlikte reducer kullanmak](/learn/scaling-up-with-reducer-and-context) yaygındır.
+
+Context yalnızca static value’larla sınırlı değildir. Bir sonraki render’da farklı bir value pass ederseniz, React onu aşağıda okuyan tüm component’leri update eder! Bu yüzden context çoğu zaman state ile birlikte kullanılır.
 
 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 yılında bu 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 biri.',
   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 saygı duruşu" olarak oluşturuldu.',
   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, geçmişi 16. yüzyıla dayanan belirli bir color system’e göre boyanmıştı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.',
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+  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 sembolize etmesi bulunur.',
   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, evler boyanarak, sergiler ve sanat gösterileri düzenlenerek 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 yılında bu 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 biri.',
   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 saygı duruşu" olarak oluşturuldu.',
   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, geçmişi 16. yüzyıla dayanan belirli bir color system’e göre boyanmıştı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.',
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+  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 sembolize etmesi bulunur.',
   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, evler boyanarak, sergiler ve sanat gösterileri düzenlenerek bir kültür merkezi haline getirildi.',
   imageId: 'ZfQOOzf'
 }];
 ```

From 65165772fcbdcdf93e5421765b987f762de88740 Mon Sep 17 00:00:00 2001
From: anilcanboga <anlcn.boga@hotmail.com>
Date: Sat, 27 Jun 2026 15:24:44 +0300
Subject: [PATCH 11/42] passing-props-to-a-component.md

---
 .../learn/passing-props-to-a-component.md     | 32 ++++---------------
 1 file changed, 7 insertions(+), 25 deletions(-)

diff --git a/src/content/learn/passing-props-to-a-component.md b/src/content/learn/passing-props-to-a-component.md
index 11710a285..7b71c492d 100644
--- a/src/content/learn/passing-props-to-a-component.md
+++ b/src/content/learn/passing-props-to-a-component.md
@@ -451,21 +451,12 @@ export default function Gallery() {
         />
         <ul>
           <li>
-<<<<<<< HEAD
-            <b>Meslek: </b> 
+            <b>Meslek: </b>
             fizikçi ve kimyager
           </li>
           <li>
-            <b>Ödüller: 4 </b> 
-            (Fizik Nobel Ödülü, Kimya Nobel Ödülü, Davy Madalyası, Matteucci Madalyası)
-=======
-            <b>Profession: </b>
-            physicist and chemist
-          </li>
-          <li>
-            <b>Awards: 4 </b>
-            (Nobel Prize in Physics, Nobel Prize in Chemistry, Davy Medal, Matteucci Medal)
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+            <b>Ödüller: 4 </b>
+            (Nobel Fizik Ödülü, Nobel Kimya Ödülü, Davy Madalyası, Matteucci Madalyası)
           </li>
           <li>
             <b>Keşfedilenler: </b>
@@ -484,21 +475,12 @@ export default function Gallery() {
         />
         <ul>
           <li>
-<<<<<<< HEAD
-            <b>Meslek: </b> 
-            jeokimyager
-          </li>
-          <li>
-            <b>Ödüller: 2 </b> 
-            (Miyake Ödülü (jeokimya), Tanaka Ödülü)
-=======
-            <b>Profession: </b>
-            geochemist
+            <b>Meslek: </b>
+            jeokimyacı
           </li>
           <li>
-            <b>Awards: 2 </b>
-            (Miyake Prize for geochemistry, Tanaka Prize)
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+            <b>Ödüller: 2 </b>
+            (Miyake Jeokimya Ödülü, Tanaka Ödülü)
           </li>
           <li>
             <b>Keşfedilenler: </b>

From 2e5dc1b30e1ddd55ff8b3e377a9f92063a66ef1a Mon Sep 17 00:00:00 2001
From: anilcanboga <anlcn.boga@hotmail.com>
Date: Sat, 27 Jun 2026 15:24:50 +0300
Subject: [PATCH 12/42] preserving-and-resetting-state.md

---
 .../learn/preserving-and-resetting-state.md   | 42 ++++---------------
 1 file changed, 7 insertions(+), 35 deletions(-)

diff --git a/src/content/learn/preserving-and-resetting-state.md b/src/content/learn/preserving-and-resetting-state.md
index 06f8e77db..8ad445a32 100644
--- a/src/content/learn/preserving-and-resetting-state.md
+++ b/src/content/learn/preserving-and-resetting-state.md
@@ -103,11 +103,7 @@ label {
 
 </Sandpack>
 
-<<<<<<< HEAD
-Bunlar ağaç olarak nasıl görünüyor:
-=======
-Here's how these look as a tree:
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+Bunlar tree olarak şöyle görünür:
 
 <DiagramGroup>
 
@@ -517,11 +513,7 @@ export default function App() {
   return (
     <div>
       {isPaused ? (
-<<<<<<< HEAD
-        <p>Sonra görüşürüz!</p> 
-=======
-        <p>See you later!</p>
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+        <p>Sonra görüşürüz!</p>
       ) : (
         <Counter />
       )}
@@ -1458,26 +1450,16 @@ export default function App() {
   if (reverse) {
     return (
       <>
-<<<<<<< HEAD
-        <Field label="Ad" /> 
         <Field label="Soyad" />
-=======
-        <Field label="Last name" />
-        <Field label="First name" />
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+        <Field label="Ad" />
         {checkbox}
       </>
     );
   } else {
     return (
       <>
-<<<<<<< HEAD
-        <Field label="Ad" /> 
+        <Field label="Ad" />
         <Field label="Soyad" />
-=======
-        <Field label="First name" />
-        <Field label="Last name" />
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
         {checkbox}
       </>
     );
@@ -1530,26 +1512,16 @@ export default function App() {
   if (reverse) {
     return (
       <>
-<<<<<<< HEAD
-        <Field key="lastName" label="Ad" /> 
-        <Field key="firstName" label="Soyad" />
-=======
-        <Field key="lastName" label="Last name" />
-        <Field key="firstName" label="First name" />
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+        <Field key="lastName" label="Soyad" />
+        <Field key="firstName" label="Ad" />
         {checkbox}
       </>
     );
   } else {
     return (
       <>
-<<<<<<< HEAD
-        <Field key="firstName" label="Ad" /> 
+        <Field key="firstName" label="Ad" />
         <Field key="lastName" label="Soyad" />
-=======
-        <Field key="firstName" label="First name" />
-        <Field key="lastName" label="Last name" />
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
         {checkbox}
       </>
     );

From bbde292d3edae3e44536dd77c5a09edb2f73fa5e Mon Sep 17 00:00:00 2001
From: anilcanboga <anlcn.boga@hotmail.com>
Date: Sat, 27 Jun 2026 15:25:27 +0300
Subject: [PATCH 13/42] queueing-a-series-of-state-updates.md

---
 .../queueing-a-series-of-state-updates.md      | 18 +++---------------
 1 file changed, 3 insertions(+), 15 deletions(-)

diff --git a/src/content/learn/queueing-a-series-of-state-updates.md b/src/content/learn/queueing-a-series-of-state-updates.md
index 83ca6da96..d1b15b596 100644
--- a/src/content/learn/queueing-a-series-of-state-updates.md
+++ b/src/content/learn/queueing-a-series-of-state-updates.md
@@ -177,11 +177,7 @@ Sonraki render esnasında React, state kuyruğunu ilerletir:
 | " `5` ile değiştir" | `0` (kullanılmamış) | `5` |
 | `n => n + 1` | `5` | `5 + 1 = 6` |
 
-<<<<<<< HEAD
-React `6` değerini son sonuç olarak saklar ve `useState`'den döndürür.
-=======
-React stores `6` as the final result and returns it from `useState`.
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+React, final result olarak `6` değerini store eder ve bunu `useState`’ten return eder.
 
 <Note>
 
@@ -309,11 +305,7 @@ export default function RequestTracker() {
         Tamamlandı: {completed}
       </h3>
       <button onClick={handleClick}>
-<<<<<<< HEAD
-        Satın Al     
-=======
-        Buy
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+        Satın Al
       </button>
     </>
   );
@@ -357,11 +349,7 @@ export default function RequestTracker() {
         Tamamlandı: {completed}
       </h3>
       <button onClick={handleClick}>
-<<<<<<< HEAD
-        Satın Al     
-=======
-        Buy
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+        Satın Al
       </button>
     </>
   );

From 18305240b0a1d40f975a1f39bb9505808c9e2595 Mon Sep 17 00:00:00 2001
From: anilcanboga <anlcn.boga@hotmail.com>
Date: Sat, 27 Jun 2026 15:34:12 +0300
Subject: [PATCH 14/42] reacting-to-input-with-state.md

---
 .../learn/reacting-to-input-with-state.md     | 28 +++----------------
 1 file changed, 4 insertions(+), 24 deletions(-)

diff --git a/src/content/learn/reacting-to-input-with-state.md b/src/content/learn/reacting-to-input-with-state.md
index 6b9c3afee..9db4f3f3d 100644
--- a/src/content/learn/reacting-to-input-with-state.md
+++ b/src/content/learn/reacting-to-input-with-state.md
@@ -517,13 +517,8 @@ export default function Picture() {
     <div className="background background--active">
       <img
         className="picture"
-<<<<<<< HEAD
-        alt="Kampung Pelangi'deki (Endonezya) gökkuşağı evleri"
-        src="https://i.imgur.com/5qwVYb1.jpeg"
-=======
-        alt="Rainbow houses in Kampung Pelangi, Indonesia"
+        alt="Endonezya, Kampung Pelangi’deki gökkuşağı renkli evler"
         src="https://react.dev/images/docs/scientists/5qwVYb1.jpeg"
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
       />
     </div>
   );
@@ -598,13 +593,8 @@ export default function Picture() {
           setIsActive(true);
         }}
         className={pictureClassName}
-<<<<<<< HEAD
-        alt="Kampung Pelangi'deki (Endonezya) gökkuşağı evleri"
-        src="https://i.imgur.com/5qwVYb1.jpeg"
-=======
-        alt="Rainbow houses in Kampung Pelangi, Indonesia"
+        alt="Endonezya, Kampung Pelangi’deki gökkuşağı renkli evler"
         src="https://react.dev/images/docs/scientists/5qwVYb1.jpeg"
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
       />
     </div>
   );
@@ -658,13 +648,8 @@ export default function Picture() {
       >
         <img
           className="picture picture--active"
-<<<<<<< HEAD
-          alt="Kampung Pelangi'deki (Endonezya) gökkuşağı evleri"
-          src="https://i.imgur.com/5qwVYb1.jpeg"
-=======
-          alt="Rainbow houses in Kampung Pelangi, Indonesia"
+          alt="Endonezya, Kampung Pelangi’deki gökkuşağı renkli evler"
           src="https://react.dev/images/docs/scientists/5qwVYb1.jpeg"
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
           onClick={e => e.stopPropagation()}
         />
       </div>
@@ -674,13 +659,8 @@ export default function Picture() {
     <div className="background background--active">
       <img
         className="picture"
-<<<<<<< HEAD
-        alt="Kampung Pelangi'deki (Endonezya) gökkuşağı evleri"
-        src="https://i.imgur.com/5qwVYb1.jpeg"
-=======
-        alt="Rainbow houses in Kampung Pelangi, Indonesia"
+        alt="Endonezya, Kampung Pelangi’deki gökkuşağı renkli evler"
         src="https://react.dev/images/docs/scientists/5qwVYb1.jpeg"
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
         onClick={() => setIsActive(true)}
       />
     </div>

From 529f1ac837e0889694a73f63a96a76c4efd7404d Mon Sep 17 00:00:00 2001
From: anilcanboga <anlcn.boga@hotmail.com>
Date: Sat, 27 Jun 2026 15:34:21 +0300
Subject: [PATCH 15/42] referencing-values-with-refs.md

---
 src/content/learn/referencing-values-with-refs.md | 7 +------
 1 file changed, 1 insertion(+), 6 deletions(-)

diff --git a/src/content/learn/referencing-values-with-refs.md b/src/content/learn/referencing-values-with-refs.md
index 5dc24e2ce..82c0b7f51 100644
--- a/src/content/learn/referencing-values-with-refs.md
+++ b/src/content/learn/referencing-values-with-refs.md
@@ -34,13 +34,8 @@ const ref = useRef(0);
 `useRef` size aşağıdaki gibi bir nesne döndürür:
 
 ```js
-<<<<<<< HEAD
-{ 
-  current: 0 // useRef'a geçirdiğiniz değer
-=======
 {
-  current: 0 // The value you passed to useRef
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+  current: 0 // useRef’e pass ettiğiniz value
 }
 ```
 

From 945e46a24ed23cd7bc86efcd06d1eb1bbfd474e4 Mon Sep 17 00:00:00 2001
From: anilcanboga <anlcn.boga@hotmail.com>
Date: Sat, 27 Jun 2026 15:36:16 +0300
Subject: [PATCH 16/42] removing-effect-dependencies.md

---
 src/content/learn/removing-effect-dependencies.md | 13 ++-----------
 1 file changed, 2 insertions(+), 11 deletions(-)

diff --git a/src/content/learn/removing-effect-dependencies.md b/src/content/learn/removing-effect-dependencies.md
index 2d8bb4efc..e2af93b3e 100644
--- a/src/content/learn/removing-effect-dependencies.md
+++ b/src/content/learn/removing-effect-dependencies.md
@@ -428,13 +428,8 @@ function Form() {
   function handleSubmit() {
     // ✅ Güzel: Olaya özgü mantık olay yöneticilerinden çağrılır
     post('/api/register');
-<<<<<<< HEAD
-    showNotification('Başarıyla Kaydedildi!', theme);
-  }  
-=======
-    showNotification('Successfully registered!', theme);
+    showNotification('Başarıyla kayıt olundu!', theme);
   }
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
 
   // ...
 }
@@ -884,11 +879,7 @@ console.log(Object.is(options1, options2)); // false
 ```
 **Nesne ve fonksiyon bağımlılıkları, Efektinizin ihtiyacınız olandan daha sık yeniden senkronize edilmesine neden olabilir.** 
 
-<<<<<<< HEAD
-Bu nedenle, mümkün olduğunca, Efektinizin bağımlılıkları olarak nesnelerden ve fonksiyonlardan kaçınmaya çalışmalısınız. Bunun yerine, bunları bileşenin dışına, Efektin içine taşımayı veya ilkel değerleri bunlardan çıkarmayı deneyin.
-=======
-**Object and function dependencies can make your Effect re-synchronize more often than you need.**
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+**Object ve function dependency’leri, Effect’inizin ihtiyacınız olandan daha sık re-synchronize olmasına neden olabilir.**
 
 #### Statik nesneleri ve fonksiyonları bileşeninizin dışına taşıma {/*move-static-objects-and-functions-outside-your-component*/}
 

From 3881b41c9a590f7dc84ec1738ee04fa64cc9ff25 Mon Sep 17 00:00:00 2001
From: anilcanboga <anlcn.boga@hotmail.com>
Date: Sat, 27 Jun 2026 15:41:57 +0300
Subject: [PATCH 17/42] javascript-in-jsx-with-curly-braces.md

---
 src/content/learn/javascript-in-jsx-with-curly-braces.md | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/src/content/learn/javascript-in-jsx-with-curly-braces.md b/src/content/learn/javascript-in-jsx-with-curly-braces.md
index 35bc73d4d..b2c5a0937 100644
--- a/src/content/learn/javascript-in-jsx-with-curly-braces.md
+++ b/src/content/learn/javascript-in-jsx-with-curly-braces.md
@@ -42,11 +42,7 @@ export default function Avatar() {
 
 </Sandpack>
 
-<<<<<<< HEAD
-Burada, `"https://i.imgur.com/7vQD0fPs.jpg"` ve `"Gregorio Y. Zara"` string olarak iletildi.
-=======
-Here, `"https://react.dev/images/docs/scientists/7vQD0fPs.jpg"` and `"Gregorio Y. Zara"` are being passed as strings.
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+Burada `"https://react.dev/images/docs/scientists/7vQD0fPs.jpg"` ve `"Gregorio Y. Zara"` string olarak pass ediliyor.
 
 Ancak `src` veya `alt` metnini dinamik olarak belirtmek isterseniz ne olur?  **`" `ve` "` yerine `{ `ve` }` ile değiştirerek JavaScript'ten bir değer** kullanabilirsiniz:
 

From c18d01819cdd1d5e46bc144e6999cc1d9ca0a51f Mon Sep 17 00:00:00 2001
From: anilcanboga <anlcn.boga@hotmail.com>
Date: Sat, 27 Jun 2026 15:42:04 +0300
Subject: [PATCH 18/42] render-and-commit.md

---
 src/content/learn/render-and-commit.md | 9 ++-------
 1 file changed, 2 insertions(+), 7 deletions(-)

diff --git a/src/content/learn/render-and-commit.md b/src/content/learn/render-and-commit.md
index e200dd0e5..4603aa1cb 100644
--- a/src/content/learn/render-and-commit.md
+++ b/src/content/learn/render-and-commit.md
@@ -124,13 +124,8 @@ img { margin: 0 10px 10px 0; }
 
 </Sandpack>
 
-<<<<<<< HEAD
-* **İlk render esnasında** React, `<section>`, `<h1>`, ve üç `<img>` elementi için [DOM node'larını oluşturacaktır.](https://developer.mozilla.org/docs/Web/API/Document/createElement)
-* **Yeniden render esnasında** React, eğer varsa önceki render'dan bu yana hangi özelliklerin değiştiğini hesaplayacaktır. Bir sonraki adım olan değişikliklerin DOM'a işlenmesi safhasına kadar bu bilgilerle hiçbir şey yapmayacaktır.
-=======
-* **During the initial render,** React will [create the DOM nodes](https://developer.mozilla.org/docs/Web/API/Document/createElement) for `<section>`, `<h1>`, and three `<img>` tags.
-* **During a re-render,** React will calculate which of their properties, if any, have changed since the previous render. It won't do anything with that information until the next step, the commit phase.
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+* **Initial render sırasında,** React `<section>`, `<h1>` ve üç `<img>` tag’i için [DOM node’larını oluşturur](https://developer.mozilla.org/docs/Web/API/Document/createElement).
+* **Bir re-render sırasında,** React bunların property’lerinden herhangi birinin previous render’dan bu yana değişip değişmediğini hesaplar. Bu bilgiyi bir sonraki step olan commit phase’e kadar kullanmaz.
 
 <Pitfall>
 

From 844dcc8b9e683862eefaf3caf851fcca5fefb992 Mon Sep 17 00:00:00 2001
From: anilcanboga <anlcn.boga@hotmail.com>
Date: Sat, 27 Jun 2026 15:42:09 +0300
Subject: [PATCH 19/42] responding-to-events.md

---
 src/content/learn/responding-to-events.md | 55 ++++++-----------------
 1 file changed, 13 insertions(+), 42 deletions(-)

diff --git a/src/content/learn/responding-to-events.md b/src/content/learn/responding-to-events.md
index ceae4e44d..237cb7a22 100644
--- a/src/content/learn/responding-to-events.md
+++ b/src/content/learn/responding-to-events.md
@@ -169,11 +169,7 @@ Bu iki düğmenin farklı mesaj gösterebilmesine olanak sağlar. Bileşenlere i
 
 ### Olay yöneticilerini prop olarak iletmek {/*passing-event-handlers-as-props*/}
 
-<<<<<<< HEAD
-Sıklıkla bileşenlerin alt bileşenlerindeki (child component) olay yöneticilerini belirlemesini istersiniz. Düğmeleri düşünelim: bileşeninin nerede kullanıldığına bağlı olarak farklı işlevler yerine getirmesini isteyebilirsiniz - mesela biri film oynatırken diğeri resim yükleyebilir.
-=======
-Often you'll want the parent component to specify a child's event handler. Consider buttons: depending on where you're using a `Button` component, you might want to execute a different function—perhaps one plays a movie and another uploads an image.
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+Çoğu zaman parent component’in, child’ın event handler’ını belirtmesini istersiniz. Button’ları düşünün: Bir `Button` component’ini nerede kullandığınıza bağlı olarak farklı bir function execute etmek isteyebilirsiniz—belki biri bir movie oynatır, diğeri bir image upload eder.
 
 Bunun için, üst bileşenden (parent component) prop olarak alınan fonksiyon olay yöneticisi olarak kullanılabilir:
 
@@ -317,19 +313,11 @@ button { margin-right: 10px; }
 
 </Sandpack>
 
-<<<<<<< HEAD
-Dikkat ederseniz `App` bileşeni, `Toolbar` bileşeninin `onPlayMovie` veya `onUploadImage` ile *ne* yapacağını bilmek zorunda değildir. Bu `Toolbar` bileşeninin implementasyon detayıdır. `Toolbar`, bu prop'ları `Button`'larına `onClick` olay yöneticisi olarak iletir. İleriki zamanlarda tıklama yerine klavye kısayoluyla da tetikletmek isteyebilirsiniz. Bileşenlerinizin prop'larını `onPlayMovie` gibi uygulamaya özgü etkileşimlere göre adlandırmak ileride kullanım biçimlerini değiştirme esnekliği sağlar.
-  
-<Note>
-
-Olay yöneticileriniz için uygun HTML etiketleri kullandığınızdan emin olun. Örneğin, tıklamaları işlemek için `<div onClick={handleClick}>` yerine [`<button onClick={handleClick}>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button) kullanın. Gerçek taraycı `<button>` u kullanmak klavye navigasyonu gibi yerleşik tarayıcı davranışlarını etkinleştirir. Eğer bir butonun varsayılan tarayıcı stilini beğenmiyorsanız ya da onu bir bağlantı ya da başka bir UI elemanı gibi göstermek istiyorsanız CSS kullanabilirsiniz. [Erişilebilir işaretleme yazmak hakkında daha fazla bilgi edinin.](https://developer.mozilla.org/en-US/docs/Learn/Accessibility/HTML)
-=======
-Notice how the `App` component does not need to know *what* `Toolbar` will do with `onPlayMovie` or `onUploadImage`. That's an implementation detail of the `Toolbar`. Here, `Toolbar` passes them down as `onClick` handlers to its `Button`s, but it could later also trigger them on a keyboard shortcut. Naming props after app-specific interactions like `onPlayMovie` gives you the flexibility to change how they're used later.
+`App` component’inin, `Toolbar`’ın `onPlayMovie` veya `onUploadImage` ile *ne* yapacağını bilmesine gerek olmadığına dikkat edin. Bu, `Toolbar`’ın bir implementation detail’ıdır. Burada `Toolbar`, bunları kendi `Button`’larına `onClick` handler’ları olarak pass eder, ancak ileride bunları bir keyboard shortcut ile de trigger edebilir. Prop’ları `onPlayMovie` gibi app’e özel interaction’lara göre adlandırmak, ileride bunların nasıl kullanılacağını değiştirme esnekliği sağlar.
 
 <Note>
 
-Make sure that you use the appropriate HTML tags for your event handlers. For example, to handle clicks, use [`<button onClick={handleClick}>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button) instead of `<div onClick={handleClick}>`. Using a real browser `<button>` enables built-in browser behaviors like keyboard navigation. If you don't like the default browser styling of a button and want to make it look more like a link or a different UI element, you can achieve it with CSS. [Learn more about writing accessible markup.](https://developer.mozilla.org/en-US/docs/Learn/Accessibility/HTML)
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+Event handler’larınız için uygun HTML tag’lerini kullandığınızdan emin olun. Örneğin, click’leri handle etmek için `<div onClick={handleClick}>` yerine [`<button onClick={handleClick}>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button) kullanın. Gerçek bir browser `<button>` kullanmak, keyboard navigation gibi built-in browser behavior’larını etkinleştirir. Bir button’ın default browser styling’ini beğenmiyorsanız ve onu daha çok bir link veya farklı bir UI element gibi göstermek istiyorsanız, bunu CSS ile yapabilirsiniz. [Accessible markup yazma hakkında daha fazla bilgi edinin.](https://developer.mozilla.org/en-US/docs/Learn/Accessibility/HTML)
 
 </Note>
 
@@ -424,21 +412,12 @@ button { margin: 5px; }
 
 Düğmelerden birisine tıkladığınızda:
 
-<<<<<<< HEAD
-1. React, `<button>`'a iletilen `onClick` yöneticisini çağırır. 
-2. Bu yönetici, `Button` içerisinde tanımlanır ve şunları yapar:
-   *  Olayın daha fazla kabarmasını (bubbling) önlemek için `e.stopPropagation()` metodunu çağırır.
-   * `Toolbar` bileşeninden prop olarak iletilen `onClick` fonksiyonunu çağırır.
-3. Bu fonksiyon `Toolbar` bileşeninde tanımlanır ve düğmenin kendi uyarısını görüntüler.
-4. Yayılım durdurulduğu için üstteki `<div>` elementinin `onClick` yöneticisi *çalışmaz*.
-=======
-1. React calls the `onClick` handler passed to `<button>`.
-2. That handler, defined in `Button`, does the following:
-   * Calls `e.stopPropagation()`, preventing the event from bubbling further.
-   * Calls the `onClick` function, which is a prop passed from the `Toolbar` component.
-3. That function, defined in the `Toolbar` component, displays the button's own alert.
-4. Since the propagation was stopped, the parent `<div>`'s `onClick` handler does *not* run.
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+1. React, `<button>`’a pass edilen `onClick` handler’ını çağırır.
+2. `Button` içinde tanımlanan bu handler şunları yapar:
+   * `e.stopPropagation()` çağırır ve event’in daha fazla bubble etmesini engeller.
+   * `Toolbar` component’inden prop olarak pass edilen `onClick` function’ını çağırır.
+3. `Toolbar` component’i içinde tanımlanan bu function, button’ın kendi alert’ini gösterir.
+4. Propagation durdurulduğu için parent `<div>`’in `onClick` handler’ı çalışmaz.
 
 Düğmeye tıklandığında `<button>` ve `<div>` elementlerinden gelen iki ayrı uyarı gösterilirken `e.stopPropagation()` kullanıldığında yalnızca `<button>` elementinden gelen uyarı gösterilir. Düğmeye tıklamak, fonksiyonellik açısından araç çubuğuna tıklamakla aynı şey değildir. Dolayısıyla da olayın yayılımının durdurulması arayüz açısından oldukça mantıklıdır.
 
@@ -455,19 +434,11 @@ Nadir durumlarda **yayılması durdurulmuş** olsa bile alt elemanlardaki olayla
 </div>
 ```
 
-<<<<<<< HEAD
-Her olay üç aşamada yayılır:
-
-1. Aşağıya doğru ilerleyecek şekilde tüm `onClickCapture` yöneticilerini çalıştırır.
-2. Tıklanan elementin `onClick` yöneticisi çalıştırır. 
-3. Yukarı doğru ilerleyecek şekilde tüm `onClick` yöneticilerini çalıştırır.
-=======
-Each event propagates in three phases:
+Her event üç phase’de propagate eder:
 
-1. It travels down, calling all `onClickCapture` handlers.
-2. It runs the clicked element's `onClick` handler.
-3. It travels upwards, calling all `onClick` handlers.
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+1. Aşağı doğru ilerler ve tüm `onClickCapture` handler’larını çağırır.
+2. Click edilen element’in `onClick` handler’ını çalıştırır.
+3. Yukarı doğru ilerler ve tüm `onClick` handler’larını çağırır.
 
 Olayları yakalamak, yönlendirici (router) ya da analitik kodları için faydalıdır ancak muhtemelen uygulamanızda kullanmayacaksınız.
 

From 512bc601093d9a112af721250049f6f29b870edd Mon Sep 17 00:00:00 2001
From: anilcanboga <anlcn.boga@hotmail.com>
Date: Sat, 27 Jun 2026 15:42:15 +0300
Subject: [PATCH 20/42] scaling-up-with-reducer-and-context.md

---
 .../scaling-up-with-reducer-and-context.md    | 21 +++----------------
 1 file changed, 3 insertions(+), 18 deletions(-)

diff --git a/src/content/learn/scaling-up-with-reducer-and-context.md b/src/content/learn/scaling-up-with-reducer-and-context.md
index 34bc24e1b..1858a65b7 100644
--- a/src/content/learn/scaling-up-with-reducer-and-context.md
+++ b/src/content/learn/scaling-up-with-reducer-and-context.md
@@ -802,13 +802,8 @@ export default function AddTask() {
           type: 'added',
           id: nextId++,
           text: text,
-<<<<<<< HEAD
-        }); 
-      }}>Ekle</button>
-=======
         });
-      }}>Add</button>
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+      }}>Ekle</button>
     </>
   );
 }
@@ -1031,13 +1026,8 @@ export default function AddTask() {
           type: 'added',
           id: nextId++,
           text: text,
-<<<<<<< HEAD
-        }); 
-      }}>Ekle</button>
-=======
         });
-      }}>Add</button>
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+      }}>Ekle</button>
     </>
   );
 }
@@ -1255,13 +1245,8 @@ export default function AddTask() {
           type: 'added',
           id: nextId++,
           text: text,
-<<<<<<< HEAD
-        }); 
-      }}>Ekle</button>
-=======
         });
-      }}>Add</button>
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+      }}>Ekle</button>
     </>
   );
 }

From 8422189b50bb506b22f6f126bec25717b51c4347 Mon Sep 17 00:00:00 2001
From: anilcanboga <anlcn.boga@hotmail.com>
Date: Sat, 27 Jun 2026 15:42:21 +0300
Subject: [PATCH 21/42] state-a-components-memory.md

---
 .../learn/state-a-components-memory.md        | 929 ++++--------------
 1 file changed, 191 insertions(+), 738 deletions(-)

diff --git a/src/content/learn/state-a-components-memory.md b/src/content/learn/state-a-components-memory.md
index f986b3399..47e475646 100644
--- a/src/content/learn/state-a-components-memory.md
+++ b/src/content/learn/state-a-components-memory.md
@@ -40,13 +40,8 @@ export default function Gallery() {
         Sonraki
       </button>
       <h2>
-<<<<<<< HEAD
-        <i>{sculpture.name}, </i>
-        {sculpture.artist}
-=======
         <i>{sculpture.name} </i>
         by {sculpture.artist}
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
       </h2>
       <h3>
         ({index + 1} of {sculptureList.length})
@@ -67,147 +62,75 @@ export default function Gallery() {
 export const sculptureList = [{
   name: 'Homenaje a la Neurocirugía',
   artist: 'Marta Colvin Andrade',
-<<<<<<< HEAD
-  description: "Colvin'in öncelikle pre-Hispanik sembollere gönderme yapan soyut temalarıyla tanınmasına rağmen, nöroşirurjiye bir saygı niteliğindeki bu devasa heykel, en tanınmış halka açık sanat eserlerinden biridir.",
-  url: 'https://i.imgur.com/Mx7dA2Y.jpg',
-  alt: 'Parmak uçlarında insan beynini nazikçe tutan iki çapraz ellerden oluşan bronz bir heykel.'
-}, {
-  name: 'Floralis Genérica',
-  artist: 'Eduardo Catalano',
-  description: "Buenos Aires'te bulunan bu devasa (75 ft. veya 23 m) gümüş çiçek, akşamları veya güçlü rüzgarlar estiğinde yapraklarını kapatarak ve sabahları açarak hareket etmek üzere tasarlanmıştır.",
-  url: 'https://i.imgur.com/ZF6s192m.jpg',
-  alt: 'Ayna gibi yansıtıcı yaprakları ve güçlü erkek organları olan devasa bir metal çiçek heykeli.'
-}, {
-  name: 'Eternal Presence',
-  artist: 'John Woodrow Wilson',
-  description: 'Wilson, eşitlik, sosyal adalet ve insanlık özünün temel ve manevi nitelikleriyle ilgilendiği için tanınmaktadır. Bu devasa (7ft. veya 2,13m) bronz, "evrensel insanlık duygusuyla zenginleştirilmiş sembolik bir Siyah varlığı" olarak tanımladığı şeyi temsil etmektedir.',
-  url: 'https://i.imgur.com/aTtVpES.jpg',
-  alt: 'İnsan kafasını tasvir eden heykel her zaman varmış gibi görünüyor ve hüzünlü. Sakinlik ve huzur yayar.'
-}, {
-  name: 'Moai',
-  artist: 'Bilinmeyen Sanatçı',
-  description: "Paskalya Adası'nda bulunan, erken Rapa Nui halkı tarafından yaratılmış 1.000 moai veya devasa anıtsal heykelden oluşan bir koleksiyondur ve bazıları tanrılaştırılmış ataları temsil ettiğine inanıyor.",
-  url: 'https://i.imgur.com/RCwLEoQm.jpg',
-  alt: 'Somut ifadeleriyle orantısız büyük başlara sahip üç devasa taş büst.'
-}, {
-  name: 'Blue Nana',
-  artist: 'Niki de Saint Phalle',
-  description: 'Nanalar muzaffer yaratıklar, kadınlık ve annelik sembolleridir. Saint Phalle, Nanalar için başlangıçta kumaş ve buluntu nesneler kullanmış, daha sonra daha canlı bir etki elde etmek için polyester kullanmıştır.',
-  url: 'https://i.imgur.com/Sd1AgUOm.jpg',
-  alt: 'Neşe saçan renkli kostümüyle dans eden tuhaf bir kadın figürünün büyük bir mozaik heykeli.'
-}, {
-  name: 'Ultimate Form',
-  artist: 'Barbara Hepworth',
-  description: "Bu soyut bronz heykel, Yorkshire Heykel Parkı'nda bulunan The Family of Man serisinin bir parçasıdır. Hepworth, dünyanın birebir temsillerini yaratmak yerine, insanlardan ve manzaralardan esinlenen soyut formlar geliştirmeyi tercih etmiştir.",
-  url: 'https://i.imgur.com/2heNQDcm.jpg',
-  alt: 'İnsan figürünü anımsatan, birbiri üzerine yığılmış üç unsurdan oluşan uzun bir heykel.'
-}, {
-  name: 'Cavaliere',
-  artist: 'Lamidi Olonade Fakeye',
-  description: "Dört kuşaktır ahşap oymacılığı yapan Fakeye'nin eserleri geleneksel ve çağdaş Yoruba temalarını harmanlıyor.",
-  url: 'https://i.imgur.com/wIdGuZwm.png',
-  alt: 'Desenlerle bezenmiş bir atın üzerinde odaklanmış bir yüze sahip bir savaşçının karmaşık bir ahşap heykeli.'
-}, {
-  name: 'Big Bellies',
-  artist: 'Alina Szapocznikow',
-  description: "Szapocznikow, gençliğin ve güzelliğin kırılganlığı ve geçiciliğine bir metafor olarak parçalanmış bedenlerin heykelleriyle tanınır. Bu heykel, birbirine yığılmış iki çok gerçekçi büyük karın kasını tasvir eder, her biri yaklaşık beş ayak (1,5m) yüksekliğindedir.",
-  url: 'https://i.imgur.com/AlHTAdDm.jpg',
-  alt: 'Heykel, klasik heykellerdeki göbeklerden oldukça farklı olan kıvrımlardan oluşan bir çağlayanı andırıyor.'
-}, {
-  name: 'Terracotta Army',
-  artist: 'Bilinmeyen Sanatçı',
-  description: "Terracotta Ordusu, Çin'in ilk İmparatoru Qin Shi Huang'ın ordularını tasvir eden bir terracotta heykel koleksiyonudur. Ordu 8.000'den fazla asker, 520 atlı 130 savaş arabası ve 150 süvari atından oluşuyordu.",
-  url: 'https://i.imgur.com/HMFmH6m.jpg',
-  alt: 'Her biri benzersiz bir yüz ifadesine ve zırha sahip, vakur savaşçıların 12 pişmiş toprak heykeli.'
-}, {
-  name: 'Lunar Landscape',
-  artist: 'Louise Nevelson',
-  description: "Nevelson, New York'un enkazından topladığı ve daha sonra anıtsal yapılarda bir araya getireceği nesnelerle tanınıyordu. Bu eserinde yatak direği, hokkabaz iğnesi ve koltuk parçası gibi birbirinden farklı parçaları kullanmış, bunları çivileyip yapıştırarak Kübizm'in geometrik mekân ve biçim soyutlamasının etkisini yansıtan kutular haline getirmiştir.",
-  url: 'https://i.imgur.com/rN7hY6om.jpg',
-  alt: 'Tek tek unsurların başlangıçta ayırt edilemediği siyah mat bir heykel.'
-}, {
-  name: 'Aureole',
-  artist: 'Ranjani Shettar',
-  description: 'Shettar geleneksel ve modern olanı, doğal ve endüstriyel olanı birleştiriyor. Sanatı insan ve doğa arasındaki ilişkiye odaklanıyor. Çalışmaları hem soyut hem de figüratif olarak zorlayıcı, yerçekimine meydan okuyan ve "beklenmedik malzemelerin iyi bir sentezi" olarak tanımlanmıştır.',
-  url: 'https://i.imgur.com/okTpbHhm.jpg',
-  alt: 'Beton duvara monte edilmiş ve yere inen soluk tel benzeri bir heykel. Hafif görünüyor.'
-}, {
-  name: 'Hippos',
-  artist: 'Taipei Zoo',
-  description: 'Taipei Hayvanat Bahçesi, oyun oynayan su aygırlarının yer aldığı bir Su Aygırı Meydanı yaptırdı.',
-  url: 'https://i.imgur.com/6o5Vuyu.jpg',
-  alt: 'Bir grup bronz su aygırı heykeli sanki yüzüyormuş gibi kaldırımdan çıkıyor.'
-=======
-  description: 'Although Colvin is predominantly known for abstract themes that allude to pre-Hispanic symbols, this gigantic sculpture, an homage to neurosurgery, is one of her most recognizable public art pieces.',
+  description: 'Colvin ağırlıklı olarak Hispanik öncesi sembollere gönderme yapan soyut temalarıyla bilinse de, nöroşirürjiye bir saygı duruşu olan bu devasa heykel, onun en tanınan kamusal sanat eserlerinden biridir.',
   url: 'https://react.dev/images/docs/scientists/Mx7dA2Y.jpg',
-  alt: 'A bronze statue of two crossed hands delicately holding a human brain in their fingertips.'
+  alt: 'İki çapraz elin, parmak uçlarında insan beynini nazikçe tuttuğu bronz bir heykel.'
 }, {
   name: 'Floralis Genérica',
   artist: 'Eduardo Catalano',
-  description: 'This enormous (75 ft. or 23m) silver flower is located in Buenos Aires. It is designed to move, closing its petals in the evening or when strong winds blow and opening them in the morning.',
+  description: 'Bu devasa (75 ft. veya 23 m) gümüş çiçek Buenos Aires’te yer alır. Akşamları veya güçlü rüzgarlar estiğinde taç yapraklarını kapatacak, sabahları ise açacak şekilde tasarlanmıştır.',
   url: 'https://react.dev/images/docs/scientists/ZF6s192m.jpg',
-  alt: 'A gigantic metallic flower sculpture with reflective mirror-like petals and strong stamens.'
+  alt: 'Yansıtıcı, ayna benzeri taç yaprakları ve güçlü erkek organları olan devasa metalik bir çiçek heykeli.'
 }, {
   name: 'Eternal Presence',
   artist: 'John Woodrow Wilson',
-  description: 'Wilson was known for his preoccupation with equality, social justice, as well as the essential and spiritual qualities of humankind. This massive (7ft. or 2,13m) bronze represents what he described as "a symbolic Black presence infused with a sense of universal humanity."',
+  description: 'Wilson; eşitlik, sosyal adalet ve insanlığın temel ve ruhani nitelikleriyle ilgilenmesiyle biliniyordu. Bu büyük (7 ft. veya 2,13 m) bronz eser, onun "evrensel insanlık duygusuyla harmanlanmış sembolik bir Siyah varlık" olarak tanımladığı şeyi temsil eder.',
   url: 'https://react.dev/images/docs/scientists/aTtVpES.jpg',
-  alt: 'The sculpture depicting a human head seems ever-present and solemn. It radiates calm and serenity.'
+  alt: 'Bir insan başını tasvir eden heykel, her zaman var olan ve ağırbaşlı bir izlenim verir. Sakinlik ve huzur yayar.'
 }, {
   name: 'Moai',
-  artist: 'Unknown Artist',
-  description: 'Located on the Easter Island, there are 1,000 moai, or extant monumental statues, created by the early Rapa Nui people, which some believe represented deified ancestors.',
+  artist: 'Bilinmeyen Sanatçı',
+  description: 'Paskalya Adası’nda bulunan, erken dönem Rapa Nui halkı tarafından oluşturulmuş 1.000 adet moai veya günümüze ulaşmış anıtsal heykel vardır. Bazılarına göre bunlar tanrılaştırılmış ataları temsil ediyordu.',
   url: 'https://react.dev/images/docs/scientists/RCwLEoQm.jpg',
-  alt: 'Three monumental stone busts with the heads that are disproportionately large with somber faces.'
+  alt: 'Orantısız derecede büyük başlara ve ciddi yüz ifadelerine sahip üç anıtsal taş büst.'
 }, {
   name: 'Blue Nana',
   artist: 'Niki de Saint Phalle',
-  description: 'The Nanas are triumphant creatures, symbols of femininity and maternity. Initially, Saint Phalle used fabric and found objects for the Nanas, and later on introduced polyester to achieve a more vibrant effect.',
+  description: 'Nana’lar, kadınlık ve anneliğin sembolleri olan zafer kazanmış varlıklardır. Başlangıçta Saint Phalle, Nana’lar için kumaş ve buluntu nesneler kullandı; daha sonra daha canlı bir etki elde etmek için polyesteri dahil etti.',
   url: 'https://react.dev/images/docs/scientists/Sd1AgUOm.jpg',
-  alt: 'A large mosaic sculpture of a whimsical dancing female figure in a colorful costume emanating joy.'
+  alt: 'Renkli bir kostüm içinde neşe saçan, oyunbaz şekilde dans eden büyük bir kadın figürünün mozaik heykeli.'
 }, {
   name: 'Ultimate Form',
   artist: 'Barbara Hepworth',
-  description: 'This abstract bronze sculpture is a part of The Family of Man series located at Yorkshire Sculpture Park. Hepworth chose not to create literal representations of the world but developed abstract forms inspired by people and landscapes.',
+  description: 'Bu soyut bronz heykel, Yorkshire Sculpture Park’ta yer alan The Family of Man serisinin bir parçasıdır. Hepworth, dünyanın birebir temsillerini oluşturmak yerine insanlardan ve manzaralardan ilham alan soyut formlar geliştirmeyi seçti.',
   url: 'https://react.dev/images/docs/scientists/2heNQDcm.jpg',
-  alt: 'A tall sculpture made of three elements stacked on each other reminding of a human figure.'
+  alt: 'Üst üste yerleştirilmiş üç öğeden oluşan ve bir insan figürünü hatırlatan uzun bir heykel.'
 }, {
   name: 'Cavaliere',
   artist: 'Lamidi Olonade Fakeye',
-  description: "Descended from four generations of woodcarvers, Fakeye's work blended traditional and contemporary Yoruba themes.",
+  description: "Dört kuşak ahşap oymacısının soyundan gelen Fakeye’nin çalışmaları, geleneksel ve çağdaş Yoruba temalarını harmanladı.",
   url: 'https://react.dev/images/docs/scientists/wIdGuZwm.png',
-  alt: 'An intricate wood sculpture of a warrior with a focused face on a horse adorned with patterns.'
+  alt: 'Desenlerle süslenmiş bir atın üzerinde, odaklanmış yüz ifadeli bir savaşçıyı tasvir eden ayrıntılı bir ahşap heykel.'
 }, {
   name: 'Big Bellies',
   artist: 'Alina Szapocznikow',
-  description: "Szapocznikow is known for her sculptures of the fragmented body as a metaphor for the fragility and impermanence of youth and beauty. This sculpture depicts two very realistic large bellies stacked on top of each other, each around five feet (1,5m) tall.",
+  description: "Szapocznikow, parçalanmış beden heykellerini gençliğin ve güzelliğin kırılganlığı ile geçiciliğine dair bir metafor olarak kullanmasıyla bilinir. Bu heykel, üst üste yerleştirilmiş iki oldukça gerçekçi büyük göbeği tasvir eder; her biri yaklaşık beş fit (1,5 m) uzunluğundadır.",
   url: 'https://react.dev/images/docs/scientists/AlHTAdDm.jpg',
-  alt: 'The sculpture reminds a cascade of folds, quite different from bellies in classical sculptures.'
+  alt: 'Heykel, klasik heykellerdeki göbeklerden oldukça farklı olan bir kıvrım şelalesini andırır.'
 }, {
   name: 'Terracotta Army',
-  artist: 'Unknown Artist',
-  description: 'The Terracotta Army is a collection of terracotta sculptures depicting the armies of Qin Shi Huang, the first Emperor of China. The army consisted of more than 8,000 soldiers, 130 chariots with 520 horses, and 150 cavalry horses.',
+  artist: 'Bilinmeyen Sanatçı',
+  description: 'Terracotta Army, Çin’in ilk İmparatoru Qin Shi Huang’ın ordularını tasvir eden pişmiş toprak heykellerden oluşan bir koleksiyondur. Ordu; 8.000’den fazla asker, 520 atlı 130 savaş arabası ve 150 süvari atından oluşuyordu.',
   url: 'https://react.dev/images/docs/scientists/HMFmH6m.jpg',
-  alt: '12 terracotta sculptures of solemn warriors, each with a unique facial expression and armor.'
+  alt: 'Her biri kendine özgü yüz ifadesine ve zırha sahip, ciddi görünümlü savaşçılardan oluşan 12 pişmiş toprak heykel.'
 }, {
   name: 'Lunar Landscape',
   artist: 'Louise Nevelson',
-  description: 'Nevelson was known for scavenging objects from New York City debris, which she would later assemble into monumental constructions. In this one, she used disparate parts like a bedpost, juggling pin, and seat fragment, nailing and gluing them into boxes that reflect the influence of Cubism’s geometric abstraction of space and form.',
+  description: 'Nevelson, New York City enkazından nesneler toplaması ve bunları daha sonra anıtsal yapılara dönüştürmesiyle biliniyordu. Bu eserde; yatak direği, jonglör labutu ve koltuk parçası gibi birbirinden farklı parçaları kullandı, bunları kutuların içine çivileyip yapıştırarak Kübizmin mekan ve form üzerindeki geometrik soyutlama etkisini yansıttı.',
   url: 'https://react.dev/images/docs/scientists/rN7hY6om.jpg',
-  alt: 'A black matte sculpture where the individual elements are initially indistinguishable.'
+  alt: 'Tek tek öğelerin ilk bakışta ayırt edilemediği siyah mat bir heykel.'
 }, {
   name: 'Aureole',
   artist: 'Ranjani Shettar',
-  description: 'Shettar merges the traditional and the modern, the natural and the industrial. Her art focuses on the relationship between man and nature. Her work was described as compelling both abstractly and figuratively, gravity defying, and a "fine synthesis of unlikely materials."',
+  description: 'Shettar geleneksel ile moderni, doğal olan ile endüstriyel olanı birleştirir. Sanatı, insan ve doğa arasındaki ilişkiye odaklanır. Eserleri hem soyut hem figüratif açıdan etkileyici, yer çekimine meydan okuyan ve "beklenmedik malzemelerin ince bir sentezi" olarak tanımlanmıştır.',
   url: 'https://react.dev/images/docs/scientists/okTpbHhm.jpg',
-  alt: 'A pale wire-like sculpture mounted on concrete wall and descending on the floor. It appears light.'
+  alt: 'Beton duvara monte edilmiş ve zemine doğru inen, soluk renkli tel benzeri bir heykel. Hafif görünür.'
 }, {
   name: 'Hippos',
-  artist: 'Taipei Zoo',
-  description: 'The Taipei Zoo commissioned a Hippo Square featuring submerged hippos at play.',
+  artist: 'Taipei Hayvanat Bahçesi',
+  description: 'Taipei Hayvanat Bahçesi, oyun oynayan suya batmış hipopotamları içeren bir Hippo Square yaptırdı.',
   url: 'https://react.dev/images/docs/scientists/6o5Vuyu.jpg',
-  alt: 'A group of bronze hippo sculptures emerging from the sett sidewalk as if they were swimming.'
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+  alt: 'Sanki yüzüyormuş gibi kaldırımdan çıkan bir grup bronz hipopotam heykeli.'
 }];
 ```
 
@@ -297,15 +220,9 @@ export default function Gallery() {
       <button onClick={handleClick}>
         Sonraki
       </button>
-<<<<<<< HEAD
-       <h2>
-        <i>{sculpture.name}, </i>
-        {sculpture.artist}
-=======
       <h2>
         <i>{sculpture.name} </i>
         by {sculpture.artist}
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
       </h2>
       <h3>
         ({index + 1} of {sculptureList.length})
@@ -326,147 +243,75 @@ export default function Gallery() {
 export const sculptureList = [{
   name: 'Homenaje a la Neurocirugía',
   artist: 'Marta Colvin Andrade',
-<<<<<<< HEAD
-  description: "Colvin'in öncelikle pre-Hispanik sembollere gönderme yapan soyut temalarıyla tanınmasına rağmen, nöroşirurjiye bir saygı niteliğindeki bu devasa heykel, en tanınmış halka açık sanat eserlerinden biridir.",
-  url: 'https://i.imgur.com/Mx7dA2Y.jpg',
-  alt: 'Parmak uçlarında insan beynini nazikçe tutan iki çapraz ellerden oluşan bronz bir heykel.'
-}, {
-  name: 'Floralis Genérica',
-  artist: 'Eduardo Catalano',
-  description: "Buenos Aires'te bulunan bu devasa (75 ft. veya 23 m) gümüş çiçek, akşamları veya güçlü rüzgarlar estiğinde yapraklarını kapatarak ve sabahları açarak hareket etmek üzere tasarlanmıştır.",
-  url: 'https://i.imgur.com/ZF6s192m.jpg',
-  alt: 'Ayna gibi yansıtıcı yaprakları ve güçlü erkek organları olan devasa bir metal çiçek heykeli.'
-}, {
-  name: 'Eternal Presence',
-  artist: 'John Woodrow Wilson',
-  description: 'Wilson, eşitlik, sosyal adalet ve insanlığın temel ve ruhsal nitelikleriyle ilgilenmesiyle tanınıyordu. Bu devasa (7 fit veya 2,13 m) bronz, "evrensel insanlık duygusu ile dolu sembolik bir Siyah varlığı" olarak nitelendirdiği şeyi temsil eder.',
-  url: 'https://i.imgur.com/aTtVpES.jpg',
-  alt: 'İnsan kafasını tasvir eden heykel her zaman varmış gibi görünüyor ve hüzünlü. Sakinlik ve huzur yayar.'
-}, {
-  name: 'Moai',
-  artist: 'Bilinmeyen Sanatçı',
-  description: "Paskalya Adası'nda bulunan, erken Rapa Nui halkı tarafından yaratılmış 1.000 moai veya devasa anıtsal heykelden oluşan bir koleksiyondur ve bazıları tanrılaştırılmış ataları temsil ettiğine inanıyor.",
-  url: 'https://i.imgur.com/RCwLEoQm.jpg',
-  alt: 'Somut ifadeleriyle orantısız büyük başlara sahip üç devasa taş büst.'
-}, {
-  name: 'Blue Nana',
-  artist: 'Niki de Saint Phalle',
-  description: 'Nanalar muzaffer yaratıklar, kadınlık ve annelik sembolleridir. Saint Phalle, Nanalar için başlangıçta kumaş ve buluntu nesneler kullanmış, daha sonra daha canlı bir etki elde etmek için polyester kullanmıştır.',
-  url: 'https://i.imgur.com/Sd1AgUOm.jpg',
-  alt: 'Neşe saçan renkli kostümüyle dans eden tuhaf bir kadın figürünün büyük bir mozaik heykeli.'
-}, {
-  name: 'Ultimate Form',
-  artist: 'Barbara Hepworth',
-  description: "Bu soyut bronz heykel, Yorkshire Heykel Parkı'nda bulunan The Family of Man serisinin bir parçasıdır. Hepworth, dünyanın birebir temsillerini yaratmak yerine, insanlardan ve manzaralardan esinlenen soyut formlar geliştirmeyi tercih etmiştir.",
-  url: 'https://i.imgur.com/2heNQDcm.jpg',
-  alt: 'İnsan figürünü anımsatan, birbiri üzerine yığılmış üç unsurdan oluşan uzun bir heykel.'
-}, {
-  name: 'Cavaliere',
-  artist: 'Lamidi Olonade Fakeye',
-  description: "Dört kuşaktır ahşap oymacılığı yapan Fakeye'nin eserleri geleneksel ve çağdaş Yoruba temalarını harmanlıyor.",
-  url: 'https://i.imgur.com/wIdGuZwm.png',
-  alt: 'Desenlerle bezenmiş bir atın üzerinde odaklanmış bir yüze sahip bir savaşçının karmaşık bir ahşap heykeli.'
-}, {
-  name: 'Big Bellies',
-  artist: 'Alina Szapocznikow',
-  description: "Szapocznikow, gençliğin ve güzelliğin kırılganlığı ve geçiciliğine bir metafor olarak parçalanmış bedenlerin heykelleriyle tanınır. Bu heykel, birbirine yığılmış iki çok gerçekçi büyük karın kasını tasvir eder, her biri yaklaşık beş ayak (1,5m) yüksekliğindedir.",
-  url: 'https://i.imgur.com/AlHTAdDm.jpg',
-  alt: 'Heykel, klasik heykellerdeki göbeklerden oldukça farklı olan kıvrımlardan oluşan bir çağlayanı andırıyor.'
-}, {
-  name: 'Terracotta Army',
-  artist: 'Bilinmeyen Sanatçı',
-  description: "Terracotta Ordusu, Çin'in ilk İmparatoru Qin Shi Huang'ın ordularını tasvir eden bir terracotta heykel koleksiyonudur. Ordu 8.000'den fazla asker, 520 atlı 130 savaş arabası ve 150 süvari atından oluşuyordu.",
-  url: 'https://i.imgur.com/HMFmH6m.jpg',
-  alt: 'Her biri benzersiz bir yüz ifadesine ve zırha sahip, vakur savaşçıların 12 pişmiş toprak heykeli.'
-}, {
-  name: 'Lunar Landscape',
-  artist: 'Louise Nevelson',
-  description: "Nevelson, New York'un enkazından topladığı ve daha sonra anıtsal yapılarda bir araya getireceği nesnelerle tanınıyordu. Bu eserinde yatak direği, hokkabaz iğnesi ve koltuk parçası gibi birbirinden farklı parçaları kullanmış, bunları çivileyip yapıştırarak Kübizm'in geometrik mekân ve biçim soyutlamasının etkisini yansıtan kutular haline getirmiştir.",
-  url: 'https://i.imgur.com/rN7hY6om.jpg',
-  alt: 'Tek tek unsurların başlangıçta ayırt edilemediği siyah mat bir heykel.'
-}, {
-  name: 'Aureole',
-  artist: 'Ranjani Shettar',
-  description: 'Shettar geleneksel ve modern olanı, doğal ve endüstriyel olanı birleştiriyor. Sanatı insan ve doğa arasındaki ilişkiye odaklanıyor. Çalışmaları hem soyut hem de figüratif olarak zorlayıcı, yerçekimine meydan okuyan ve "beklenmedik malzemelerin iyi bir sentezi" olarak tanımlanmıştır.',
-  url: 'https://i.imgur.com/okTpbHhm.jpg',
-  alt: 'Beton duvara monte edilmiş ve yere inen soluk tel benzeri bir heykel. Hafif görünüyor.'
-}, {
-  name: 'Hippos',
-  artist: 'Taipei Zoo',
-  description: 'Taipei Hayvanat Bahçesi, oyun oynayan su aygırlarının yer aldığı bir Su Aygırı Meydanı yaptırdı.',
-  url: 'https://i.imgur.com/6o5Vuyu.jpg',
-  alt: 'Bir grup bronz su aygırı heykeli sanki yüzüyormuş gibi kaldırımdan çıkıyor.'
-=======
-  description: 'Although Colvin is predominantly known for abstract themes that allude to pre-Hispanic symbols, this gigantic sculpture, an homage to neurosurgery, is one of her most recognizable public art pieces.',
+  description: 'Colvin ağırlıklı olarak Hispanik öncesi sembollere gönderme yapan soyut temalarıyla bilinse de, nöroşirürjiye bir saygı duruşu olan bu devasa heykel, onun en tanınan kamusal sanat eserlerinden biridir.',
   url: 'https://react.dev/images/docs/scientists/Mx7dA2Y.jpg',
-  alt: 'A bronze statue of two crossed hands delicately holding a human brain in their fingertips.'
+  alt: 'İki çapraz elin, parmak uçlarında insan beynini nazikçe tuttuğu bronz bir heykel.'
 }, {
   name: 'Floralis Genérica',
   artist: 'Eduardo Catalano',
-  description: 'This enormous (75 ft. or 23m) silver flower is located in Buenos Aires. It is designed to move, closing its petals in the evening or when strong winds blow and opening them in the morning.',
+  description: 'Bu devasa (75 ft. veya 23 m) gümüş çiçek Buenos Aires’te yer alır. Akşamları veya güçlü rüzgarlar estiğinde taç yapraklarını kapatacak, sabahları ise açacak şekilde tasarlanmıştır.',
   url: 'https://react.dev/images/docs/scientists/ZF6s192m.jpg',
-  alt: 'A gigantic metallic flower sculpture with reflective mirror-like petals and strong stamens.'
+  alt: 'Yansıtıcı, ayna benzeri taç yaprakları ve güçlü erkek organları olan devasa metalik bir çiçek heykeli.'
 }, {
   name: 'Eternal Presence',
   artist: 'John Woodrow Wilson',
-  description: 'Wilson was known for his preoccupation with equality, social justice, as well as the essential and spiritual qualities of humankind. This massive (7ft. or 2,13m) bronze represents what he described as "a symbolic Black presence infused with a sense of universal humanity."',
+  description: 'Wilson; eşitlik, sosyal adalet ve insanlığın temel ve ruhani nitelikleriyle ilgilenmesiyle biliniyordu. Bu büyük (7 ft. veya 2,13 m) bronz eser, onun "evrensel insanlık duygusuyla harmanlanmış sembolik bir Siyah varlık" olarak tanımladığı şeyi temsil eder.',
   url: 'https://react.dev/images/docs/scientists/aTtVpES.jpg',
-  alt: 'The sculpture depicting a human head seems ever-present and solemn. It radiates calm and serenity.'
+  alt: 'Bir insan başını tasvir eden heykel, her zaman var olan ve ağırbaşlı bir izlenim verir. Sakinlik ve huzur yayar.'
 }, {
   name: 'Moai',
-  artist: 'Unknown Artist',
-  description: 'Located on the Easter Island, there are 1,000 moai, or extant monumental statues, created by the early Rapa Nui people, which some believe represented deified ancestors.',
+  artist: 'Bilinmeyen Sanatçı',
+  description: 'Paskalya Adası’nda bulunan, erken dönem Rapa Nui halkı tarafından oluşturulmuş 1.000 adet moai veya günümüze ulaşmış anıtsal heykel vardır. Bazılarına göre bunlar tanrılaştırılmış ataları temsil ediyordu.',
   url: 'https://react.dev/images/docs/scientists/RCwLEoQm.jpg',
-  alt: 'Three monumental stone busts with the heads that are disproportionately large with somber faces.'
+  alt: 'Orantısız derecede büyük başlara ve ciddi yüz ifadelerine sahip üç anıtsal taş büst.'
 }, {
   name: 'Blue Nana',
   artist: 'Niki de Saint Phalle',
-  description: 'The Nanas are triumphant creatures, symbols of femininity and maternity. Initially, Saint Phalle used fabric and found objects for the Nanas, and later on introduced polyester to achieve a more vibrant effect.',
+  description: 'Nana’lar, kadınlık ve anneliğin sembolleri olan zafer kazanmış varlıklardır. Başlangıçta Saint Phalle, Nana’lar için kumaş ve buluntu nesneler kullandı; daha sonra daha canlı bir etki elde etmek için polyesteri dahil etti.',
   url: 'https://react.dev/images/docs/scientists/Sd1AgUOm.jpg',
-  alt: 'A large mosaic sculpture of a whimsical dancing female figure in a colorful costume emanating joy.'
+  alt: 'Renkli bir kostüm içinde neşe saçan, oyunbaz şekilde dans eden büyük bir kadın figürünün mozaik heykeli.'
 }, {
   name: 'Ultimate Form',
   artist: 'Barbara Hepworth',
-  description: 'This abstract bronze sculpture is a part of The Family of Man series located at Yorkshire Sculpture Park. Hepworth chose not to create literal representations of the world but developed abstract forms inspired by people and landscapes.',
+  description: 'Bu soyut bronz heykel, Yorkshire Sculpture Park’ta yer alan The Family of Man serisinin bir parçasıdır. Hepworth, dünyanın birebir temsillerini oluşturmak yerine insanlardan ve manzaralardan ilham alan soyut formlar geliştirmeyi seçti.',
   url: 'https://react.dev/images/docs/scientists/2heNQDcm.jpg',
-  alt: 'A tall sculpture made of three elements stacked on each other reminding of a human figure.'
+  alt: 'Üst üste yerleştirilmiş üç öğeden oluşan ve bir insan figürünü hatırlatan uzun bir heykel.'
 }, {
   name: 'Cavaliere',
   artist: 'Lamidi Olonade Fakeye',
-  description: "Descended from four generations of woodcarvers, Fakeye's work blended traditional and contemporary Yoruba themes.",
+  description: "Dört kuşak ahşap oymacısının soyundan gelen Fakeye’nin çalışmaları, geleneksel ve çağdaş Yoruba temalarını harmanladı.",
   url: 'https://react.dev/images/docs/scientists/wIdGuZwm.png',
-  alt: 'An intricate wood sculpture of a warrior with a focused face on a horse adorned with patterns.'
+  alt: 'Desenlerle süslenmiş bir atın üzerinde, odaklanmış yüz ifadeli bir savaşçıyı tasvir eden ayrıntılı bir ahşap heykel.'
 }, {
   name: 'Big Bellies',
   artist: 'Alina Szapocznikow',
-  description: "Szapocznikow is known for her sculptures of the fragmented body as a metaphor for the fragility and impermanence of youth and beauty. This sculpture depicts two very realistic large bellies stacked on top of each other, each around five feet (1,5m) tall.",
+  description: "Szapocznikow, parçalanmış beden heykellerini gençliğin ve güzelliğin kırılganlığı ile geçiciliğine dair bir metafor olarak kullanmasıyla bilinir. Bu heykel, üst üste yerleştirilmiş iki oldukça gerçekçi büyük göbeği tasvir eder; her biri yaklaşık beş fit (1,5 m) uzunluğundadır.",
   url: 'https://react.dev/images/docs/scientists/AlHTAdDm.jpg',
-  alt: 'The sculpture reminds a cascade of folds, quite different from bellies in classical sculptures.'
+  alt: 'Heykel, klasik heykellerdeki göbeklerden oldukça farklı olan bir kıvrım şelalesini andırır.'
 }, {
   name: 'Terracotta Army',
-  artist: 'Unknown Artist',
-  description: 'The Terracotta Army is a collection of terracotta sculptures depicting the armies of Qin Shi Huang, the first Emperor of China. The army consisted of more than 8,000 soldiers, 130 chariots with 520 horses, and 150 cavalry horses.',
+  artist: 'Bilinmeyen Sanatçı',
+  description: 'Terracotta Army, Çin’in ilk İmparatoru Qin Shi Huang’ın ordularını tasvir eden pişmiş toprak heykellerden oluşan bir koleksiyondur. Ordu; 8.000’den fazla asker, 520 atlı 130 savaş arabası ve 150 süvari atından oluşuyordu.',
   url: 'https://react.dev/images/docs/scientists/HMFmH6m.jpg',
-  alt: '12 terracotta sculptures of solemn warriors, each with a unique facial expression and armor.'
+  alt: 'Her biri kendine özgü yüz ifadesine ve zırha sahip, ciddi görünümlü savaşçılardan oluşan 12 pişmiş toprak heykel.'
 }, {
   name: 'Lunar Landscape',
   artist: 'Louise Nevelson',
-  description: 'Nevelson was known for scavenging objects from New York City debris, which she would later assemble into monumental constructions. In this one, she used disparate parts like a bedpost, juggling pin, and seat fragment, nailing and gluing them into boxes that reflect the influence of Cubism’s geometric abstraction of space and form.',
+  description: 'Nevelson, New York City enkazından nesneler toplaması ve bunları daha sonra anıtsal yapılara dönüştürmesiyle biliniyordu. Bu eserde; yatak direği, jonglör labutu ve koltuk parçası gibi birbirinden farklı parçaları kullandı, bunları kutuların içine çivileyip yapıştırarak Kübizmin mekan ve form üzerindeki geometrik soyutlama etkisini yansıttı.',
   url: 'https://react.dev/images/docs/scientists/rN7hY6om.jpg',
-  alt: 'A black matte sculpture where the individual elements are initially indistinguishable.'
+  alt: 'Tek tek öğelerin ilk bakışta ayırt edilemediği siyah mat bir heykel.'
 }, {
   name: 'Aureole',
   artist: 'Ranjani Shettar',
-  description: 'Shettar merges the traditional and the modern, the natural and the industrial. Her art focuses on the relationship between man and nature. Her work was described as compelling both abstractly and figuratively, gravity defying, and a "fine synthesis of unlikely materials."',
+  description: 'Shettar geleneksel ile moderni, doğal olan ile endüstriyel olanı birleştirir. Sanatı, insan ve doğa arasındaki ilişkiye odaklanır. Eserleri hem soyut hem figüratif açıdan etkileyici, yer çekimine meydan okuyan ve "beklenmedik malzemelerin ince bir sentezi" olarak tanımlanmıştır.',
   url: 'https://react.dev/images/docs/scientists/okTpbHhm.jpg',
-  alt: 'A pale wire-like sculpture mounted on concrete wall and descending on the floor. It appears light.'
+  alt: 'Beton duvara monte edilmiş ve zemine doğru inen, soluk renkli tel benzeri bir heykel. Hafif görünür.'
 }, {
   name: 'Hippos',
-  artist: 'Taipei Zoo',
-  description: 'The Taipei Zoo commissioned a Hippo Square featuring submerged hippos at play.',
+  artist: 'Taipei Hayvanat Bahçesi',
+  description: 'Taipei Hayvanat Bahçesi, oyun oynayan suya batmış hipopotamları içeren bir Hippo Square yaptırdı.',
   url: 'https://react.dev/images/docs/scientists/6o5Vuyu.jpg',
-  alt: 'A group of bronze hippo sculptures emerging from the sett sidewalk as if they were swimming.'
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+  alt: 'Sanki yüzüyormuş gibi kaldırımdan çıkan bir grup bronz hipopotam heykeli.'
 }];
 ```
 
@@ -517,11 +362,7 @@ Bu çifti `const [birOge, setBirOge]` gibi adlandırmak geleneksel bir yöntemdi
 
 </Note>
 
-<<<<<<< HEAD
-`useState` için tek argüman state değişkeninizin **başlangıç değeridir**. Bu örnekte, `index`in başlangıç değeri `useState(0)` ile `0` olarak ayarlanmıştır. 
-=======
-The only argument to `useState` is the **initial value** of your state variable. In this example, the `index`'s initial value is set to `0` with `useState(0)`.
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+`useState`’e verilen tek argument, state variable’ınızın **initial value**’sudur. Bu örnekte, `index`’in initial value’su `useState(0)` ile `0` olarak set edilir.
 
 Bileşeniniz her render edildiğinde, `useState` size iki değer içeren bir dizi verir:
 
@@ -566,15 +407,9 @@ export default function Gallery() {
       <button onClick={handleNextClick}>
         Sonraki
       </button>
-<<<<<<< HEAD
-       <h2>
-        <i>{sculpture.name}, </i>
-        {sculpture.artist}
-=======
       <h2>
         <i>{sculpture.name} </i>
         by {sculpture.artist}
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
       </h2>
       <h3>
         ({index + 1} of {sculptureList.length})
@@ -596,147 +431,75 @@ export default function Gallery() {
 export const sculptureList = [{
   name: 'Homenaje a la Neurocirugía',
   artist: 'Marta Colvin Andrade',
-<<<<<<< HEAD
-  description: "Colvin'in öncelikle pre-Hispanik sembollere gönderme yapan soyut temalarıyla tanınmasına rağmen, nöroşirurjiye bir saygı niteliğindeki bu devasa heykel, en tanınmış halka açık sanat eserlerinden biridir.",
-  url: 'https://i.imgur.com/Mx7dA2Y.jpg',
-  alt: 'Parmak uçlarında insan beynini nazikçe tutan iki çapraz ellerden oluşan bronz bir heykel.'
-}, {
-  name: 'Floralis Genérica',
-  artist: 'Eduardo Catalano',
-  description: "Buenos Aires'te bulunan bu devasa (75 ft. veya 23 m) gümüş çiçek, akşamları veya güçlü rüzgarlar estiğinde yapraklarını kapatarak ve sabahları açarak hareket etmek üzere tasarlanmıştır.",
-  url: 'https://i.imgur.com/ZF6s192m.jpg',
-  alt: 'Ayna gibi yansıtıcı yaprakları ve güçlü erkek organları olan devasa bir metal çiçek heykeli.'
-}, {
-  name: 'Eternal Presence',
-  artist: 'John Woodrow Wilson',
-  description: 'Wilson, eşitlik, sosyal adalet ve insanlığın temel ve ruhsal nitelikleriyle ilgilenmesiyle tanınıyordu. Bu devasa (7 fit veya 2,13 m) bronz, "evrensel insanlık duygusu ile dolu sembolik bir Siyah varlığı" olarak nitelendirdiği şeyi temsil eder.',
-  url: 'https://i.imgur.com/aTtVpES.jpg',
-  alt: 'İnsan kafasını tasvir eden heykel her zaman varmış gibi görünüyor ve hüzünlü. Sakinlik ve huzur yayar.'
-}, {
-  name: 'Moai',
-  artist: 'Bilinmeyen Sanatçı',
-  description: "Paskalya Adası'nda bulunan, erken Rapa Nui halkı tarafından yaratılmış 1.000 moai veya devasa anıtsal heykelden oluşan bir koleksiyondur ve bazıları tanrılaştırılmış ataları temsil ettiğine inanıyor.",
-  url: 'https://i.imgur.com/RCwLEoQm.jpg',
-  alt: 'Somut ifadeleriyle orantısız büyük başlara sahip üç devasa taş büst.'
-}, {
-  name: 'Blue Nana',
-  artist: 'Niki de Saint Phalle',
-  description: 'Nanalar muzaffer yaratıklar, kadınlık ve annelik sembolleridir. Saint Phalle, Nanalar için başlangıçta kumaş ve buluntu nesneler kullanmış, daha sonra daha canlı bir etki elde etmek için polyester kullanmıştır.',
-  url: 'https://i.imgur.com/Sd1AgUOm.jpg',
-  alt: 'Neşe saçan renkli kostümüyle dans eden tuhaf bir kadın figürünün büyük bir mozaik heykeli.'
-}, {
-  name: 'Ultimate Form',
-  artist: 'Barbara Hepworth',
-  description: "Bu soyut bronz heykel, Yorkshire Heykel Parkı'nda bulunan The Family of Man serisinin bir parçasıdır. Hepworth, dünyanın birebir temsillerini yaratmak yerine, insanlardan ve manzaralardan esinlenen soyut formlar geliştirmeyi tercih etmiştir.",
-  url: 'https://i.imgur.com/2heNQDcm.jpg',
-  alt: 'İnsan figürünü anımsatan, birbiri üzerine yığılmış üç unsurdan oluşan uzun bir heykel.'
-}, {
-  name: 'Cavaliere',
-  artist: 'Lamidi Olonade Fakeye',
-  description: "Dört kuşaktır ahşap oymacılığı yapan Fakeye'nin eserleri geleneksel ve çağdaş Yoruba temalarını harmanlıyor.",
-  url: 'https://i.imgur.com/wIdGuZwm.png',
-  alt: 'Desenlerle bezenmiş bir atın üzerinde odaklanmış bir yüze sahip bir savaşçının karmaşık bir ahşap heykeli.'
-}, {
-  name: 'Big Bellies',
-  artist: 'Alina Szapocznikow',
-  description: "Szapocznikow, gençliğin ve güzelliğin kırılganlığı ve geçiciliğine bir metafor olarak parçalanmış bedenlerin heykelleriyle tanınır. Bu heykel, birbirine yığılmış iki çok gerçekçi büyük karın kasını tasvir eder, her biri yaklaşık beş ayak (1,5m) yüksekliğindedir.",
-  url: 'https://i.imgur.com/AlHTAdDm.jpg',
-  alt: 'Heykel, klasik heykellerdeki göbeklerden oldukça farklı olan kıvrımlardan oluşan bir çağlayanı andırıyor.'
-}, {
-  name: 'Terracotta Army',
-  artist: 'Bilinmeyen Sanatçı',
-  description: "Terracotta Ordusu, Çin'in ilk İmparatoru Qin Shi Huang'ın ordularını tasvir eden bir terracotta heykel koleksiyonudur. Ordu 8.000'den fazla asker, 520 atlı 130 savaş arabası ve 150 süvari atından oluşuyordu.",
-  url: 'https://i.imgur.com/HMFmH6m.jpg',
-  alt: 'Her biri benzersiz bir yüz ifadesine ve zırha sahip, vakur savaşçıların 12 pişmiş toprak heykeli.'
-}, {
-  name: 'Lunar Landscape',
-  artist: 'Louise Nevelson',
-  description: "Nevelson, New York'un enkazından topladığı ve daha sonra anıtsal yapılarda bir araya getireceği nesnelerle tanınıyordu. Bu eserinde yatak direği, hokkabaz iğnesi ve koltuk parçası gibi birbirinden farklı parçaları kullanmış, bunları çivileyip yapıştırarak Kübizm'in geometrik mekân ve biçim soyutlamasının etkisini yansıtan kutular haline getirmiştir.",
-  url: 'https://i.imgur.com/rN7hY6om.jpg',
-  alt: 'Tek tek unsurların başlangıçta ayırt edilemediği siyah mat bir heykel.'
-}, {
-  name: 'Aureole',
-  artist: 'Ranjani Shettar',
-  description: 'Shettar geleneksel ve modern olanı, doğal ve endüstriyel olanı birleştiriyor. Sanatı insan ve doğa arasındaki ilişkiye odaklanıyor. Çalışmaları hem soyut hem de figüratif olarak zorlayıcı, yerçekimine meydan okuyan ve "beklenmedik malzemelerin iyi bir sentezi" olarak tanımlanmıştır.',
-  url: 'https://i.imgur.com/okTpbHhm.jpg',
-  alt: 'Beton duvara monte edilmiş ve yere inen soluk tel benzeri bir heykel. Hafif görünüyor.'
-}, {
-  name: 'Hippos',
-  artist: 'Taipei Zoo',
-  description: 'Taipei Hayvanat Bahçesi, oyun oynayan su aygırlarının yer aldığı bir Su Aygırı Meydanı yaptırdı.',
-  url: 'https://i.imgur.com/6o5Vuyu.jpg',
-  alt: 'Bir grup bronz su aygırı heykeli sanki yüzüyormuş gibi kaldırımdan çıkıyor.'
-=======
-  description: 'Although Colvin is predominantly known for abstract themes that allude to pre-Hispanic symbols, this gigantic sculpture, an homage to neurosurgery, is one of her most recognizable public art pieces.',
+  description: 'Colvin ağırlıklı olarak Hispanik öncesi sembollere gönderme yapan soyut temalarıyla bilinse de, nöroşirürjiye bir saygı duruşu olan bu devasa heykel, onun en tanınan kamusal sanat eserlerinden biridir.',
   url: 'https://react.dev/images/docs/scientists/Mx7dA2Y.jpg',
-  alt: 'A bronze statue of two crossed hands delicately holding a human brain in their fingertips.'
+  alt: 'İki çapraz elin, parmak uçlarında insan beynini nazikçe tuttuğu bronz bir heykel.'
 }, {
   name: 'Floralis Genérica',
   artist: 'Eduardo Catalano',
-  description: 'This enormous (75 ft. or 23m) silver flower is located in Buenos Aires. It is designed to move, closing its petals in the evening or when strong winds blow and opening them in the morning.',
+  description: 'Bu devasa (75 ft. veya 23 m) gümüş çiçek Buenos Aires’te yer alır. Akşamları veya güçlü rüzgarlar estiğinde taç yapraklarını kapatacak, sabahları ise açacak şekilde tasarlanmıştır.',
   url: 'https://react.dev/images/docs/scientists/ZF6s192m.jpg',
-  alt: 'A gigantic metallic flower sculpture with reflective mirror-like petals and strong stamens.'
+  alt: 'Yansıtıcı, ayna benzeri taç yaprakları ve güçlü erkek organları olan devasa metalik bir çiçek heykeli.'
 }, {
   name: 'Eternal Presence',
   artist: 'John Woodrow Wilson',
-  description: 'Wilson was known for his preoccupation with equality, social justice, as well as the essential and spiritual qualities of humankind. This massive (7ft. or 2,13m) bronze represents what he described as "a symbolic Black presence infused with a sense of universal humanity."',
+  description: 'Wilson; eşitlik, sosyal adalet ve insanlığın temel ve ruhani nitelikleriyle ilgilenmesiyle biliniyordu. Bu büyük (7 ft. veya 2,13 m) bronz eser, onun "evrensel insanlık duygusuyla harmanlanmış sembolik bir Siyah varlık" olarak tanımladığı şeyi temsil eder.',
   url: 'https://react.dev/images/docs/scientists/aTtVpES.jpg',
-  alt: 'The sculpture depicting a human head seems ever-present and solemn. It radiates calm and serenity.'
+  alt: 'Bir insan başını tasvir eden heykel, her zaman var olan ve ağırbaşlı bir izlenim verir. Sakinlik ve huzur yayar.'
 }, {
   name: 'Moai',
-  artist: 'Unknown Artist',
-  description: 'Located on the Easter Island, there are 1,000 moai, or extant monumental statues, created by the early Rapa Nui people, which some believe represented deified ancestors.',
+  artist: 'Bilinmeyen Sanatçı',
+  description: 'Paskalya Adası’nda bulunan, erken dönem Rapa Nui halkı tarafından oluşturulmuş 1.000 adet moai veya günümüze ulaşmış anıtsal heykel vardır. Bazılarına göre bunlar tanrılaştırılmış ataları temsil ediyordu.',
   url: 'https://react.dev/images/docs/scientists/RCwLEoQm.jpg',
-  alt: 'Three monumental stone busts with the heads that are disproportionately large with somber faces.'
+  alt: 'Orantısız derecede büyük başlara ve ciddi yüz ifadelerine sahip üç anıtsal taş büst.'
 }, {
   name: 'Blue Nana',
   artist: 'Niki de Saint Phalle',
-  description: 'The Nanas are triumphant creatures, symbols of femininity and maternity. Initially, Saint Phalle used fabric and found objects for the Nanas, and later on introduced polyester to achieve a more vibrant effect.',
+  description: 'Nana’lar, kadınlık ve anneliğin sembolleri olan zafer kazanmış varlıklardır. Başlangıçta Saint Phalle, Nana’lar için kumaş ve buluntu nesneler kullandı; daha sonra daha canlı bir etki elde etmek için polyesteri dahil etti.',
   url: 'https://react.dev/images/docs/scientists/Sd1AgUOm.jpg',
-  alt: 'A large mosaic sculpture of a whimsical dancing female figure in a colorful costume emanating joy.'
+  alt: 'Renkli bir kostüm içinde neşe saçan, oyunbaz şekilde dans eden büyük bir kadın figürünün mozaik heykeli.'
 }, {
   name: 'Ultimate Form',
   artist: 'Barbara Hepworth',
-  description: 'This abstract bronze sculpture is a part of The Family of Man series located at Yorkshire Sculpture Park. Hepworth chose not to create literal representations of the world but developed abstract forms inspired by people and landscapes.',
+  description: 'Bu soyut bronz heykel, Yorkshire Sculpture Park’ta yer alan The Family of Man serisinin bir parçasıdır. Hepworth, dünyanın birebir temsillerini oluşturmak yerine insanlardan ve manzaralardan ilham alan soyut formlar geliştirmeyi seçti.',
   url: 'https://react.dev/images/docs/scientists/2heNQDcm.jpg',
-  alt: 'A tall sculpture made of three elements stacked on each other reminding of a human figure.'
+  alt: 'Üst üste yerleştirilmiş üç öğeden oluşan ve bir insan figürünü hatırlatan uzun bir heykel.'
 }, {
   name: 'Cavaliere',
   artist: 'Lamidi Olonade Fakeye',
-  description: "Descended from four generations of woodcarvers, Fakeye's work blended traditional and contemporary Yoruba themes.",
+  description: "Dört kuşak ahşap oymacısının soyundan gelen Fakeye’nin çalışmaları, geleneksel ve çağdaş Yoruba temalarını harmanladı.",
   url: 'https://react.dev/images/docs/scientists/wIdGuZwm.png',
-  alt: 'An intricate wood sculpture of a warrior with a focused face on a horse adorned with patterns.'
+  alt: 'Desenlerle süslenmiş bir atın üzerinde, odaklanmış yüz ifadeli bir savaşçıyı tasvir eden ayrıntılı bir ahşap heykel.'
 }, {
   name: 'Big Bellies',
   artist: 'Alina Szapocznikow',
-  description: "Szapocznikow is known for her sculptures of the fragmented body as a metaphor for the fragility and impermanence of youth and beauty. This sculpture depicts two very realistic large bellies stacked on top of each other, each around five feet (1,5m) tall.",
+  description: "Szapocznikow, parçalanmış beden heykellerini gençliğin ve güzelliğin kırılganlığı ile geçiciliğine dair bir metafor olarak kullanmasıyla bilinir. Bu heykel, üst üste yerleştirilmiş iki oldukça gerçekçi büyük göbeği tasvir eder; her biri yaklaşık beş fit (1,5 m) uzunluğundadır.",
   url: 'https://react.dev/images/docs/scientists/AlHTAdDm.jpg',
-  alt: 'The sculpture reminds a cascade of folds, quite different from bellies in classical sculptures.'
+  alt: 'Heykel, klasik heykellerdeki göbeklerden oldukça farklı olan bir kıvrım şelalesini andırır.'
 }, {
   name: 'Terracotta Army',
-  artist: 'Unknown Artist',
-  description: 'The Terracotta Army is a collection of terracotta sculptures depicting the armies of Qin Shi Huang, the first Emperor of China. The army consisted of more than 8,000 soldiers, 130 chariots with 520 horses, and 150 cavalry horses.',
+  artist: 'Bilinmeyen Sanatçı',
+  description: 'Terracotta Army, Çin’in ilk İmparatoru Qin Shi Huang’ın ordularını tasvir eden pişmiş toprak heykellerden oluşan bir koleksiyondur. Ordu; 8.000’den fazla asker, 520 atlı 130 savaş arabası ve 150 süvari atından oluşuyordu.',
   url: 'https://react.dev/images/docs/scientists/HMFmH6m.jpg',
-  alt: '12 terracotta sculptures of solemn warriors, each with a unique facial expression and armor.'
+  alt: 'Her biri kendine özgü yüz ifadesine ve zırha sahip, ciddi görünümlü savaşçılardan oluşan 12 pişmiş toprak heykel.'
 }, {
   name: 'Lunar Landscape',
   artist: 'Louise Nevelson',
-  description: 'Nevelson was known for scavenging objects from New York City debris, which she would later assemble into monumental constructions. In this one, she used disparate parts like a bedpost, juggling pin, and seat fragment, nailing and gluing them into boxes that reflect the influence of Cubism’s geometric abstraction of space and form.',
+  description: 'Nevelson, New York City enkazından nesneler toplaması ve bunları daha sonra anıtsal yapılara dönüştürmesiyle biliniyordu. Bu eserde; yatak direği, jonglör labutu ve koltuk parçası gibi birbirinden farklı parçaları kullandı, bunları kutuların içine çivileyip yapıştırarak Kübizmin mekan ve form üzerindeki geometrik soyutlama etkisini yansıttı.',
   url: 'https://react.dev/images/docs/scientists/rN7hY6om.jpg',
-  alt: 'A black matte sculpture where the individual elements are initially indistinguishable.'
+  alt: 'Tek tek öğelerin ilk bakışta ayırt edilemediği siyah mat bir heykel.'
 }, {
   name: 'Aureole',
   artist: 'Ranjani Shettar',
-  description: 'Shettar merges the traditional and the modern, the natural and the industrial. Her art focuses on the relationship between man and nature. Her work was described as compelling both abstractly and figuratively, gravity defying, and a "fine synthesis of unlikely materials."',
+  description: 'Shettar geleneksel ile moderni, doğal olan ile endüstriyel olanı birleştirir. Sanatı, insan ve doğa arasındaki ilişkiye odaklanır. Eserleri hem soyut hem figüratif açıdan etkileyici, yer çekimine meydan okuyan ve "beklenmedik malzemelerin ince bir sentezi" olarak tanımlanmıştır.',
   url: 'https://react.dev/images/docs/scientists/okTpbHhm.jpg',
-  alt: 'A pale wire-like sculpture mounted on concrete wall and descending on the floor. It appears light.'
+  alt: 'Beton duvara monte edilmiş ve zemine doğru inen, soluk renkli tel benzeri bir heykel. Hafif görünür.'
 }, {
   name: 'Hippos',
-  artist: 'Taipei Zoo',
-  description: 'The Taipei Zoo commissioned a Hippo Square featuring submerged hippos at play.',
+  artist: 'Taipei Hayvanat Bahçesi',
+  description: 'Taipei Hayvanat Bahçesi, oyun oynayan suya batmış hipopotamları içeren bir Hippo Square yaptırdı.',
   url: 'https://react.dev/images/docs/scientists/6o5Vuyu.jpg',
-  alt: 'A group of bronze hippo sculptures emerging from the sett sidewalk as if they were swimming.'
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+  alt: 'Sanki yüzüyormuş gibi kaldırımdan çıkan bir grup bronz hipopotam heykeli.'
 }];
 ```
 
@@ -864,147 +627,75 @@ let image = document.getElementById('image');
 let sculptureList = [{
   name: 'Homenaje a la Neurocirugía',
   artist: 'Marta Colvin Andrade',
-<<<<<<< HEAD
-  description: "Colvin'in öncelikle pre-Hispanik sembollere gönderme yapan soyut temalarıyla tanınmasına rağmen, nöroşirurjiye bir saygı niteliğindeki bu devasa heykel, en tanınmış halka açık sanat eserlerinden biridir.",
-  url: 'https://i.imgur.com/Mx7dA2Y.jpg',
-  alt: 'Parmak uçlarında insan beynini nazikçe tutan iki çapraz ellerden oluşan bronz bir heykel.'
-}, {
-  name: 'Floralis Genérica',
-  artist: 'Eduardo Catalano',
-  description: "Buenos Aires'te bulunan bu devasa (75 ft. veya 23 m) gümüş çiçek, akşamları veya güçlü rüzgarlar estiğinde yapraklarını kapatarak ve sabahları açarak hareket etmek üzere tasarlanmıştır.",
-  url: 'https://i.imgur.com/ZF6s192m.jpg',
-  alt: 'Ayna gibi yansıtıcı yaprakları ve güçlü erkek organları olan devasa bir metal çiçek heykeli.'
-}, {
-  name: 'Eternal Presence',
-  artist: 'John Woodrow Wilson',
-  description: 'Wilson, eşitlik, sosyal adalet ve insanlığın temel ve ruhsal nitelikleriyle ilgilenmesiyle tanınıyordu. Bu devasa (7 fit veya 2,13 m) bronz, "evrensel insanlık duygusu ile dolu sembolik bir Siyah varlığı" olarak nitelendirdiği şeyi temsil eder.',
-  url: 'https://i.imgur.com/aTtVpES.jpg',
-  alt: 'İnsan kafasını tasvir eden heykel her zaman varmış gibi görünüyor ve hüzünlü. Sakinlik ve huzur yayar.'
-}, {
-  name: 'Moai',
-  artist: 'Bilinmeyen Sanatçı',
-  description: "Paskalya Adası'nda bulunan, erken Rapa Nui halkı tarafından yaratılmış 1.000 moai veya devasa anıtsal heykelden oluşan bir koleksiyondur ve bazıları tanrılaştırılmış ataları temsil ettiğine inanıyor.",
-  url: 'https://i.imgur.com/RCwLEoQm.jpg',
-  alt: 'Somut ifadeleriyle orantısız büyük başlara sahip üç devasa taş büst.'
-}, {
-  name: 'Blue Nana',
-  artist: 'Niki de Saint Phalle',
-  description: 'Nanalar muzaffer yaratıklar, kadınlık ve annelik sembolleridir. Saint Phalle, Nanalar için başlangıçta kumaş ve buluntu nesneler kullanmış, daha sonra daha canlı bir etki elde etmek için polyester kullanmıştır.',
-  url: 'https://i.imgur.com/Sd1AgUOm.jpg',
-  alt: 'Neşe saçan renkli kostümüyle dans eden tuhaf bir kadın figürünün büyük bir mozaik heykeli.'
-}, {
-  name: 'Ultimate Form',
-  artist: 'Barbara Hepworth',
-  description: "Bu soyut bronz heykel, Yorkshire Heykel Parkı'nda bulunan The Family of Man serisinin bir parçasıdır. Hepworth, dünyanın birebir temsillerini yaratmak yerine, insanlardan ve manzaralardan esinlenen soyut formlar geliştirmeyi tercih etmiştir.",
-  url: 'https://i.imgur.com/2heNQDcm.jpg',
-  alt: 'İnsan figürünü anımsatan, birbiri üzerine yığılmış üç unsurdan oluşan uzun bir heykel.'
-}, {
-  name: 'Cavaliere',
-  artist: 'Lamidi Olonade Fakeye',
-  description: "Dört kuşaktır ahşap oymacılığı yapan Fakeye'nin eserleri geleneksel ve çağdaş Yoruba temalarını harmanlıyor.",
-  url: 'https://i.imgur.com/wIdGuZwm.png',
-  alt: 'Desenlerle bezenmiş bir atın üzerinde odaklanmış bir yüze sahip bir savaşçının karmaşık bir ahşap heykeli.'
-}, {
-  name: 'Big Bellies',
-  artist: 'Alina Szapocznikow',
-  description: "Szapocznikow, gençliğin ve güzelliğin kırılganlığı ve geçiciliğine bir metafor olarak parçalanmış bedenlerin heykelleriyle tanınır. Bu heykel, birbirine yığılmış iki çok gerçekçi büyük karın kasını tasvir eder, her biri yaklaşık beş ayak (1,5m) yüksekliğindedir.",
-  url: 'https://i.imgur.com/AlHTAdDm.jpg',
-  alt: 'Heykel, klasik heykellerdeki göbeklerden oldukça farklı olan kıvrımlardan oluşan bir çağlayanı andırıyor.'
-}, {
-  name: 'Terracotta Army',
-  artist: 'Bilinmeyen Sanatçı',
-  description: "Terracotta Ordusu, Çin'in ilk İmparatoru Qin Shi Huang'ın ordularını tasvir eden bir terracotta heykel koleksiyonudur. Ordu 8.000'den fazla asker, 520 atlı 130 savaş arabası ve 150 süvari atından oluşuyordu.",
-  url: 'https://i.imgur.com/HMFmH6m.jpg',
-  alt: 'Her biri benzersiz bir yüz ifadesine ve zırha sahip, vakur savaşçıların 12 pişmiş toprak heykeli.'
-}, {
-  name: 'Lunar Landscape',
-  artist: 'Louise Nevelson',
-  description: "Nevelson, New York'un enkazından topladığı ve daha sonra anıtsal yapılarda bir araya getireceği nesnelerle tanınıyordu. Bu eserinde yatak direği, hokkabaz iğnesi ve koltuk parçası gibi birbirinden farklı parçaları kullanmış, bunları çivileyip yapıştırarak Kübizm'in geometrik mekân ve biçim soyutlamasının etkisini yansıtan kutular haline getirmiştir.",
-  url: 'https://i.imgur.com/rN7hY6om.jpg',
-  alt: 'Tek tek unsurların başlangıçta ayırt edilemediği siyah mat bir heykel.'
-}, {
-  name: 'Aureole',
-  artist: 'Ranjani Shettar',
-  description: 'Shettar geleneksel ve modern olanı, doğal ve endüstriyel olanı birleştiriyor. Sanatı insan ve doğa arasındaki ilişkiye odaklanıyor. Çalışmaları hem soyut hem de figüratif olarak zorlayıcı, yerçekimine meydan okuyan ve "beklenmedik malzemelerin iyi bir sentezi" olarak tanımlanmıştır.',
-  url: 'https://i.imgur.com/okTpbHhm.jpg',
-  alt: 'Beton duvara monte edilmiş ve yere inen soluk tel benzeri bir heykel. Hafif görünüyor.'
-}, {
-  name: 'Hippos',
-  artist: 'Taipei Zoo',
-  description: 'Taipei Hayvanat Bahçesi, oyun oynayan su aygırlarının yer aldığı bir Su Aygırı Meydanı yaptırdı.',
-  url: 'https://i.imgur.com/6o5Vuyu.jpg',
-  alt: 'Bir grup bronz su aygırı heykeli sanki yüzüyormuş gibi kaldırımdan çıkıyor.'
-=======
-  description: 'Although Colvin is predominantly known for abstract themes that allude to pre-Hispanic symbols, this gigantic sculpture, an homage to neurosurgery, is one of her most recognizable public art pieces.',
+  description: 'Colvin ağırlıklı olarak Hispanik öncesi sembollere gönderme yapan soyut temalarıyla bilinse de, nöroşirürjiye bir saygı duruşu olan bu devasa heykel, onun en tanınan kamusal sanat eserlerinden biridir.',
   url: 'https://react.dev/images/docs/scientists/Mx7dA2Y.jpg',
-  alt: 'A bronze statue of two crossed hands delicately holding a human brain in their fingertips.'
+  alt: 'İki çapraz elin, parmak uçlarında insan beynini nazikçe tuttuğu bronz bir heykel.'
 }, {
   name: 'Floralis Genérica',
   artist: 'Eduardo Catalano',
-  description: 'This enormous (75 ft. or 23m) silver flower is located in Buenos Aires. It is designed to move, closing its petals in the evening or when strong winds blow and opening them in the morning.',
+  description: 'Bu devasa (75 ft. veya 23 m) gümüş çiçek Buenos Aires’te yer alır. Akşamları veya güçlü rüzgarlar estiğinde taç yapraklarını kapatacak, sabahları ise açacak şekilde tasarlanmıştır.',
   url: 'https://react.dev/images/docs/scientists/ZF6s192m.jpg',
-  alt: 'A gigantic metallic flower sculpture with reflective mirror-like petals and strong stamens.'
+  alt: 'Yansıtıcı, ayna benzeri taç yaprakları ve güçlü erkek organları olan devasa metalik bir çiçek heykeli.'
 }, {
   name: 'Eternal Presence',
   artist: 'John Woodrow Wilson',
-  description: 'Wilson was known for his preoccupation with equality, social justice, as well as the essential and spiritual qualities of humankind. This massive (7ft. or 2,13m) bronze represents what he described as "a symbolic Black presence infused with a sense of universal humanity."',
+  description: 'Wilson; eşitlik, sosyal adalet ve insanlığın temel ve ruhani nitelikleriyle ilgilenmesiyle biliniyordu. Bu büyük (7 ft. veya 2,13 m) bronz eser, onun "evrensel insanlık duygusuyla harmanlanmış sembolik bir Siyah varlık" olarak tanımladığı şeyi temsil eder.',
   url: 'https://react.dev/images/docs/scientists/aTtVpES.jpg',
-  alt: 'The sculpture depicting a human head seems ever-present and solemn. It radiates calm and serenity.'
+  alt: 'Bir insan başını tasvir eden heykel, her zaman var olan ve ağırbaşlı bir izlenim verir. Sakinlik ve huzur yayar.'
 }, {
   name: 'Moai',
-  artist: 'Unknown Artist',
-  description: 'Located on the Easter Island, there are 1,000 moai, or extant monumental statues, created by the early Rapa Nui people, which some believe represented deified ancestors.',
+  artist: 'Bilinmeyen Sanatçı',
+  description: 'Paskalya Adası’nda bulunan, erken dönem Rapa Nui halkı tarafından oluşturulmuş 1.000 adet moai veya günümüze ulaşmış anıtsal heykel vardır. Bazılarına göre bunlar tanrılaştırılmış ataları temsil ediyordu.',
   url: 'https://react.dev/images/docs/scientists/RCwLEoQm.jpg',
-  alt: 'Three monumental stone busts with the heads that are disproportionately large with somber faces.'
+  alt: 'Orantısız derecede büyük başlara ve ciddi yüz ifadelerine sahip üç anıtsal taş büst.'
 }, {
   name: 'Blue Nana',
   artist: 'Niki de Saint Phalle',
-  description: 'The Nanas are triumphant creatures, symbols of femininity and maternity. Initially, Saint Phalle used fabric and found objects for the Nanas, and later on introduced polyester to achieve a more vibrant effect.',
+  description: 'Nana’lar, kadınlık ve anneliğin sembolleri olan zafer kazanmış varlıklardır. Başlangıçta Saint Phalle, Nana’lar için kumaş ve buluntu nesneler kullandı; daha sonra daha canlı bir etki elde etmek için polyesteri dahil etti.',
   url: 'https://react.dev/images/docs/scientists/Sd1AgUOm.jpg',
-  alt: 'A large mosaic sculpture of a whimsical dancing female figure in a colorful costume emanating joy.'
+  alt: 'Renkli bir kostüm içinde neşe saçan, oyunbaz şekilde dans eden büyük bir kadın figürünün mozaik heykeli.'
 }, {
   name: 'Ultimate Form',
   artist: 'Barbara Hepworth',
-  description: 'This abstract bronze sculpture is a part of The Family of Man series located at Yorkshire Sculpture Park. Hepworth chose not to create literal representations of the world but developed abstract forms inspired by people and landscapes.',
+  description: 'Bu soyut bronz heykel, Yorkshire Sculpture Park’ta yer alan The Family of Man serisinin bir parçasıdır. Hepworth, dünyanın birebir temsillerini oluşturmak yerine insanlardan ve manzaralardan ilham alan soyut formlar geliştirmeyi seçti.',
   url: 'https://react.dev/images/docs/scientists/2heNQDcm.jpg',
-  alt: 'A tall sculpture made of three elements stacked on each other reminding of a human figure.'
+  alt: 'Üst üste yerleştirilmiş üç öğeden oluşan ve bir insan figürünü hatırlatan uzun bir heykel.'
 }, {
   name: 'Cavaliere',
   artist: 'Lamidi Olonade Fakeye',
-  description: "Descended from four generations of woodcarvers, Fakeye's work blended traditional and contemporary Yoruba themes.",
+  description: "Dört kuşak ahşap oymacısının soyundan gelen Fakeye’nin çalışmaları, geleneksel ve çağdaş Yoruba temalarını harmanladı.",
   url: 'https://react.dev/images/docs/scientists/wIdGuZwm.png',
-  alt: 'An intricate wood sculpture of a warrior with a focused face on a horse adorned with patterns.'
+  alt: 'Desenlerle süslenmiş bir atın üzerinde, odaklanmış yüz ifadeli bir savaşçıyı tasvir eden ayrıntılı bir ahşap heykel.'
 }, {
   name: 'Big Bellies',
   artist: 'Alina Szapocznikow',
-  description: "Szapocznikow is known for her sculptures of the fragmented body as a metaphor for the fragility and impermanence of youth and beauty. This sculpture depicts two very realistic large bellies stacked on top of each other, each around five feet (1,5m) tall.",
+  description: "Szapocznikow, parçalanmış beden heykellerini gençliğin ve güzelliğin kırılganlığı ile geçiciliğine dair bir metafor olarak kullanmasıyla bilinir. Bu heykel, üst üste yerleştirilmiş iki oldukça gerçekçi büyük göbeği tasvir eder; her biri yaklaşık beş fit (1,5 m) uzunluğundadır.",
   url: 'https://react.dev/images/docs/scientists/AlHTAdDm.jpg',
-  alt: 'The sculpture reminds a cascade of folds, quite different from bellies in classical sculptures.'
+  alt: 'Heykel, klasik heykellerdeki göbeklerden oldukça farklı olan bir kıvrım şelalesini andırır.'
 }, {
   name: 'Terracotta Army',
-  artist: 'Unknown Artist',
-  description: 'The Terracotta Army is a collection of terracotta sculptures depicting the armies of Qin Shi Huang, the first Emperor of China. The army consisted of more than 8,000 soldiers, 130 chariots with 520 horses, and 150 cavalry horses.',
+  artist: 'Bilinmeyen Sanatçı',
+  description: 'Terracotta Army, Çin’in ilk İmparatoru Qin Shi Huang’ın ordularını tasvir eden pişmiş toprak heykellerden oluşan bir koleksiyondur. Ordu; 8.000’den fazla asker, 520 atlı 130 savaş arabası ve 150 süvari atından oluşuyordu.',
   url: 'https://react.dev/images/docs/scientists/HMFmH6m.jpg',
-  alt: '12 terracotta sculptures of solemn warriors, each with a unique facial expression and armor.'
+  alt: 'Her biri kendine özgü yüz ifadesine ve zırha sahip, ciddi görünümlü savaşçılardan oluşan 12 pişmiş toprak heykel.'
 }, {
   name: 'Lunar Landscape',
   artist: 'Louise Nevelson',
-  description: 'Nevelson was known for scavenging objects from New York City debris, which she would later assemble into monumental constructions. In this one, she used disparate parts like a bedpost, juggling pin, and seat fragment, nailing and gluing them into boxes that reflect the influence of Cubism’s geometric abstraction of space and form.',
+  description: 'Nevelson, New York City enkazından nesneler toplaması ve bunları daha sonra anıtsal yapılara dönüştürmesiyle biliniyordu. Bu eserde; yatak direği, jonglör labutu ve koltuk parçası gibi birbirinden farklı parçaları kullandı, bunları kutuların içine çivileyip yapıştırarak Kübizmin mekan ve form üzerindeki geometrik soyutlama etkisini yansıttı.',
   url: 'https://react.dev/images/docs/scientists/rN7hY6om.jpg',
-  alt: 'A black matte sculpture where the individual elements are initially indistinguishable.'
+  alt: 'Tek tek öğelerin ilk bakışta ayırt edilemediği siyah mat bir heykel.'
 }, {
   name: 'Aureole',
   artist: 'Ranjani Shettar',
-  description: 'Shettar merges the traditional and the modern, the natural and the industrial. Her art focuses on the relationship between man and nature. Her work was described as compelling both abstractly and figuratively, gravity defying, and a "fine synthesis of unlikely materials."',
+  description: 'Shettar geleneksel ile moderni, doğal olan ile endüstriyel olanı birleştirir. Sanatı, insan ve doğa arasındaki ilişkiye odaklanır. Eserleri hem soyut hem figüratif açıdan etkileyici, yer çekimine meydan okuyan ve "beklenmedik malzemelerin ince bir sentezi" olarak tanımlanmıştır.',
   url: 'https://react.dev/images/docs/scientists/okTpbHhm.jpg',
-  alt: 'A pale wire-like sculpture mounted on concrete wall and descending on the floor. It appears light.'
+  alt: 'Beton duvara monte edilmiş ve zemine doğru inen, soluk renkli tel benzeri bir heykel. Hafif görünür.'
 }, {
   name: 'Hippos',
-  artist: 'Taipei Zoo',
-  description: 'The Taipei Zoo commissioned a Hippo Square featuring submerged hippos at play.',
+  artist: 'Taipei Hayvanat Bahçesi',
+  description: 'Taipei Hayvanat Bahçesi, oyun oynayan suya batmış hipopotamları içeren bir Hippo Square yaptırdı.',
   url: 'https://react.dev/images/docs/scientists/6o5Vuyu.jpg',
-  alt: 'A group of bronze hippo sculptures emerging from the sett sidewalk as if they were swimming.'
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+  alt: 'Sanki yüzüyormuş gibi kaldırımdan çıkan bir grup bronz hipopotam heykeli.'
 }];
 
 // Kullanıcı arayüzünü ilk state ile eşleştir.
@@ -1081,15 +772,9 @@ export default function Gallery() {
       <button onClick={handleNextClick}>
         Sonraki
       </button>
-<<<<<<< HEAD
-       <h2>
-        <i>{sculpture.name}, </i>
-        {sculpture.artist}
-=======
       <h2>
         <i>{sculpture.name} </i>
         by {sculpture.artist}
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
       </h2>
       <h3>
         ({index + 1} of {sculptureList.length})
@@ -1111,147 +796,75 @@ export default function Gallery() {
 export const sculptureList = [{
   name: 'Homenaje a la Neurocirugía',
   artist: 'Marta Colvin Andrade',
-<<<<<<< HEAD
-  description: "Colvin'in öncelikle pre-Hispanik sembollere gönderme yapan soyut temalarıyla tanınmasına rağmen, nöroşirurjiye bir saygı niteliğindeki bu devasa heykel, en tanınmış halka açık sanat eserlerinden biridir.",
-  url: 'https://i.imgur.com/Mx7dA2Y.jpg',
-  alt: 'Parmak uçlarında insan beynini nazikçe tutan iki çapraz ellerden oluşan bronz bir heykel.'
-}, {
-  name: 'Floralis Genérica',
-  artist: 'Eduardo Catalano',
-  description: "Buenos Aires'te bulunan bu devasa (75 ft. veya 23 m) gümüş çiçek, akşamları veya güçlü rüzgarlar estiğinde yapraklarını kapatarak ve sabahları açarak hareket etmek üzere tasarlanmıştır.",
-  url: 'https://i.imgur.com/ZF6s192m.jpg',
-  alt: 'Ayna gibi yansıtıcı yaprakları ve güçlü erkek organları olan devasa bir metal çiçek heykeli.'
-}, {
-  name: 'Eternal Presence',
-  artist: 'John Woodrow Wilson',
-  description: 'Wilson, eşitlik, sosyal adalet ve insanlığın temel ve ruhsal nitelikleriyle ilgilenmesiyle tanınıyordu. Bu devasa (7 fit veya 2,13 m) bronz, "evrensel insanlık duygusu ile dolu sembolik bir Siyah varlığı" olarak nitelendirdiği şeyi temsil eder.',
-  url: 'https://i.imgur.com/aTtVpES.jpg',
-  alt: 'İnsan kafasını tasvir eden heykel her zaman varmış gibi görünüyor ve hüzünlü. Sakinlik ve huzur yayar.'
-}, {
-  name: 'Moai',
-  artist: 'Bilinmeyen Sanatçı',
-  description: "Paskalya Adası'nda bulunan, erken Rapa Nui halkı tarafından yaratılmış 1.000 moai veya devasa anıtsal heykelden oluşan bir koleksiyondur ve bazıları tanrılaştırılmış ataları temsil ettiğine inanıyor.",
-  url: 'https://i.imgur.com/RCwLEoQm.jpg',
-  alt: 'Somut ifadeleriyle orantısız büyük başlara sahip üç devasa taş büst.'
-}, {
-  name: 'Blue Nana',
-  artist: 'Niki de Saint Phalle',
-  description: 'Nanalar muzaffer yaratıklar, kadınlık ve annelik sembolleridir. Saint Phalle, Nanalar için başlangıçta kumaş ve buluntu nesneler kullanmış, daha sonra daha canlı bir etki elde etmek için polyester kullanmıştır.',
-  url: 'https://i.imgur.com/Sd1AgUOm.jpg',
-  alt: 'Neşe saçan renkli kostümüyle dans eden tuhaf bir kadın figürünün büyük bir mozaik heykeli.'
-}, {
-  name: 'Ultimate Form',
-  artist: 'Barbara Hepworth',
-  description: "Bu soyut bronz heykel, Yorkshire Heykel Parkı'nda bulunan The Family of Man serisinin bir parçasıdır. Hepworth, dünyanın birebir temsillerini yaratmak yerine, insanlardan ve manzaralardan esinlenen soyut formlar geliştirmeyi tercih etmiştir.",
-  url: 'https://i.imgur.com/2heNQDcm.jpg',
-  alt: 'İnsan figürünü anımsatan, birbiri üzerine yığılmış üç unsurdan oluşan uzun bir heykel.'
-}, {
-  name: 'Cavaliere',
-  artist: 'Lamidi Olonade Fakeye',
-  description: "Dört kuşaktır ahşap oymacılığı yapan Fakeye'nin eserleri geleneksel ve çağdaş Yoruba temalarını harmanlıyor.",
-  url: 'https://i.imgur.com/wIdGuZwm.png',
-  alt: 'Desenlerle bezenmiş bir atın üzerinde odaklanmış bir yüze sahip bir savaşçının karmaşık bir ahşap heykeli.'
-}, {
-  name: 'Big Bellies',
-  artist: 'Alina Szapocznikow',
-  description: "Szapocznikow, gençliğin ve güzelliğin kırılganlığı ve geçiciliğine bir metafor olarak parçalanmış bedenlerin heykelleriyle tanınır. Bu heykel, birbirine yığılmış iki çok gerçekçi büyük karın kasını tasvir eder, her biri yaklaşık beş ayak (1,5m) yüksekliğindedir.",
-  url: 'https://i.imgur.com/AlHTAdDm.jpg',
-  alt: 'Heykel, klasik heykellerdeki göbeklerden oldukça farklı olan kıvrımlardan oluşan bir çağlayanı andırıyor.'
-}, {
-  name: 'Terracotta Army',
-  artist: 'Bilinmeyen Sanatçı',
-  description: "Terracotta Ordusu, Çin'in ilk İmparatoru Qin Shi Huang'ın ordularını tasvir eden bir terracotta heykel koleksiyonudur. Ordu 8.000'den fazla asker, 520 atlı 130 savaş arabası ve 150 süvari atından oluşuyordu.",
-  url: 'https://i.imgur.com/HMFmH6m.jpg',
-  alt: 'Her biri benzersiz bir yüz ifadesine ve zırha sahip, vakur savaşçıların 12 pişmiş toprak heykeli.'
-}, {
-  name: 'Lunar Landscape',
-  artist: 'Louise Nevelson',
-  description: "Nevelson, New York'un enkazından topladığı ve daha sonra anıtsal yapılarda bir araya getireceği nesnelerle tanınıyordu. Bu eserinde yatak direği, hokkabaz iğnesi ve koltuk parçası gibi birbirinden farklı parçaları kullanmış, bunları çivileyip yapıştırarak Kübizm'in geometrik mekân ve biçim soyutlamasının etkisini yansıtan kutular haline getirmiştir.",
-  url: 'https://i.imgur.com/rN7hY6om.jpg',
-  alt: 'Tek tek unsurların başlangıçta ayırt edilemediği siyah mat bir heykel.'
-}, {
-  name: 'Aureole',
-  artist: 'Ranjani Shettar',
-  description: 'Shettar geleneksel ve modern olanı, doğal ve endüstriyel olanı birleştiriyor. Sanatı insan ve doğa arasındaki ilişkiye odaklanıyor. Çalışmaları hem soyut hem de figüratif olarak zorlayıcı, yerçekimine meydan okuyan ve "beklenmedik malzemelerin iyi bir sentezi" olarak tanımlanmıştır.',
-  url: 'https://i.imgur.com/okTpbHhm.jpg',
-  alt: 'Beton duvara monte edilmiş ve yere inen soluk tel benzeri bir heykel. Hafif görünüyor.'
-}, {
-  name: 'Hippos',
-  artist: 'Taipei Zoo',
-  description: 'Taipei Hayvanat Bahçesi, oyun oynayan su aygırlarının yer aldığı bir Su Aygırı Meydanı yaptırdı.',
-  url: 'https://i.imgur.com/6o5Vuyu.jpg',
-  alt: 'Bir grup bronz su aygırı heykeli sanki yüzüyormuş gibi kaldırımdan çıkıyor.'
-=======
-  description: 'Although Colvin is predominantly known for abstract themes that allude to pre-Hispanic symbols, this gigantic sculpture, an homage to neurosurgery, is one of her most recognizable public art pieces.',
+  description: 'Colvin ağırlıklı olarak Hispanik öncesi sembollere gönderme yapan soyut temalarıyla bilinse de, nöroşirürjiye bir saygı duruşu olan bu devasa heykel, onun en tanınan kamusal sanat eserlerinden biridir.',
   url: 'https://react.dev/images/docs/scientists/Mx7dA2Y.jpg',
-  alt: 'A bronze statue of two crossed hands delicately holding a human brain in their fingertips.'
+  alt: 'İki çapraz elin, parmak uçlarında insan beynini nazikçe tuttuğu bronz bir heykel.'
 }, {
   name: 'Floralis Genérica',
   artist: 'Eduardo Catalano',
-  description: 'This enormous (75 ft. or 23m) silver flower is located in Buenos Aires. It is designed to move, closing its petals in the evening or when strong winds blow and opening them in the morning.',
+  description: 'Bu devasa (75 ft. veya 23 m) gümüş çiçek Buenos Aires’te yer alır. Akşamları veya güçlü rüzgarlar estiğinde taç yapraklarını kapatacak, sabahları ise açacak şekilde tasarlanmıştır.',
   url: 'https://react.dev/images/docs/scientists/ZF6s192m.jpg',
-  alt: 'A gigantic metallic flower sculpture with reflective mirror-like petals and strong stamens.'
+  alt: 'Yansıtıcı, ayna benzeri taç yaprakları ve güçlü erkek organları olan devasa metalik bir çiçek heykeli.'
 }, {
   name: 'Eternal Presence',
   artist: 'John Woodrow Wilson',
-  description: 'Wilson was known for his preoccupation with equality, social justice, as well as the essential and spiritual qualities of humankind. This massive (7ft. or 2,13m) bronze represents what he described as "a symbolic Black presence infused with a sense of universal humanity."',
+  description: 'Wilson; eşitlik, sosyal adalet ve insanlığın temel ve ruhani nitelikleriyle ilgilenmesiyle biliniyordu. Bu büyük (7 ft. veya 2,13 m) bronz eser, onun "evrensel insanlık duygusuyla harmanlanmış sembolik bir Siyah varlık" olarak tanımladığı şeyi temsil eder.',
   url: 'https://react.dev/images/docs/scientists/aTtVpES.jpg',
-  alt: 'The sculpture depicting a human head seems ever-present and solemn. It radiates calm and serenity.'
+  alt: 'Bir insan başını tasvir eden heykel, her zaman var olan ve ağırbaşlı bir izlenim verir. Sakinlik ve huzur yayar.'
 }, {
   name: 'Moai',
-  artist: 'Unknown Artist',
-  description: 'Located on the Easter Island, there are 1,000 moai, or extant monumental statues, created by the early Rapa Nui people, which some believe represented deified ancestors.',
+  artist: 'Bilinmeyen Sanatçı',
+  description: 'Paskalya Adası’nda bulunan, erken dönem Rapa Nui halkı tarafından oluşturulmuş 1.000 adet moai veya günümüze ulaşmış anıtsal heykel vardır. Bazılarına göre bunlar tanrılaştırılmış ataları temsil ediyordu.',
   url: 'https://react.dev/images/docs/scientists/RCwLEoQm.jpg',
-  alt: 'Three monumental stone busts with the heads that are disproportionately large with somber faces.'
+  alt: 'Orantısız derecede büyük başlara ve ciddi yüz ifadelerine sahip üç anıtsal taş büst.'
 }, {
   name: 'Blue Nana',
   artist: 'Niki de Saint Phalle',
-  description: 'The Nanas are triumphant creatures, symbols of femininity and maternity. Initially, Saint Phalle used fabric and found objects for the Nanas, and later on introduced polyester to achieve a more vibrant effect.',
+  description: 'Nana’lar, kadınlık ve anneliğin sembolleri olan zafer kazanmış varlıklardır. Başlangıçta Saint Phalle, Nana’lar için kumaş ve buluntu nesneler kullandı; daha sonra daha canlı bir etki elde etmek için polyesteri dahil etti.',
   url: 'https://react.dev/images/docs/scientists/Sd1AgUOm.jpg',
-  alt: 'A large mosaic sculpture of a whimsical dancing female figure in a colorful costume emanating joy.'
+  alt: 'Renkli bir kostüm içinde neşe saçan, oyunbaz şekilde dans eden büyük bir kadın figürünün mozaik heykeli.'
 }, {
   name: 'Ultimate Form',
   artist: 'Barbara Hepworth',
-  description: 'This abstract bronze sculpture is a part of The Family of Man series located at Yorkshire Sculpture Park. Hepworth chose not to create literal representations of the world but developed abstract forms inspired by people and landscapes.',
+  description: 'Bu soyut bronz heykel, Yorkshire Sculpture Park’ta yer alan The Family of Man serisinin bir parçasıdır. Hepworth, dünyanın birebir temsillerini oluşturmak yerine insanlardan ve manzaralardan ilham alan soyut formlar geliştirmeyi seçti.',
   url: 'https://react.dev/images/docs/scientists/2heNQDcm.jpg',
-  alt: 'A tall sculpture made of three elements stacked on each other reminding of a human figure.'
+  alt: 'Üst üste yerleştirilmiş üç öğeden oluşan ve bir insan figürünü hatırlatan uzun bir heykel.'
 }, {
   name: 'Cavaliere',
   artist: 'Lamidi Olonade Fakeye',
-  description: "Descended from four generations of woodcarvers, Fakeye's work blended traditional and contemporary Yoruba themes.",
+  description: "Dört kuşak ahşap oymacısının soyundan gelen Fakeye’nin çalışmaları, geleneksel ve çağdaş Yoruba temalarını harmanladı.",
   url: 'https://react.dev/images/docs/scientists/wIdGuZwm.png',
-  alt: 'An intricate wood sculpture of a warrior with a focused face on a horse adorned with patterns.'
+  alt: 'Desenlerle süslenmiş bir atın üzerinde, odaklanmış yüz ifadeli bir savaşçıyı tasvir eden ayrıntılı bir ahşap heykel.'
 }, {
   name: 'Big Bellies',
   artist: 'Alina Szapocznikow',
-  description: "Szapocznikow is known for her sculptures of the fragmented body as a metaphor for the fragility and impermanence of youth and beauty. This sculpture depicts two very realistic large bellies stacked on top of each other, each around five feet (1,5m) tall.",
+  description: "Szapocznikow, parçalanmış beden heykellerini gençliğin ve güzelliğin kırılganlığı ile geçiciliğine dair bir metafor olarak kullanmasıyla bilinir. Bu heykel, üst üste yerleştirilmiş iki oldukça gerçekçi büyük göbeği tasvir eder; her biri yaklaşık beş fit (1,5 m) uzunluğundadır.",
   url: 'https://react.dev/images/docs/scientists/AlHTAdDm.jpg',
-  alt: 'The sculpture reminds a cascade of folds, quite different from bellies in classical sculptures.'
+  alt: 'Heykel, klasik heykellerdeki göbeklerden oldukça farklı olan bir kıvrım şelalesini andırır.'
 }, {
   name: 'Terracotta Army',
-  artist: 'Unknown Artist',
-  description: 'The Terracotta Army is a collection of terracotta sculptures depicting the armies of Qin Shi Huang, the first Emperor of China. The army consisted of more than 8,000 soldiers, 130 chariots with 520 horses, and 150 cavalry horses.',
+  artist: 'Bilinmeyen Sanatçı',
+  description: 'Terracotta Army, Çin’in ilk İmparatoru Qin Shi Huang’ın ordularını tasvir eden pişmiş toprak heykellerden oluşan bir koleksiyondur. Ordu; 8.000’den fazla asker, 520 atlı 130 savaş arabası ve 150 süvari atından oluşuyordu.',
   url: 'https://react.dev/images/docs/scientists/HMFmH6m.jpg',
-  alt: '12 terracotta sculptures of solemn warriors, each with a unique facial expression and armor.'
+  alt: 'Her biri kendine özgü yüz ifadesine ve zırha sahip, ciddi görünümlü savaşçılardan oluşan 12 pişmiş toprak heykel.'
 }, {
   name: 'Lunar Landscape',
   artist: 'Louise Nevelson',
-  description: 'Nevelson was known for scavenging objects from New York City debris, which she would later assemble into monumental constructions. In this one, she used disparate parts like a bedpost, juggling pin, and seat fragment, nailing and gluing them into boxes that reflect the influence of Cubism’s geometric abstraction of space and form.',
+  description: 'Nevelson, New York City enkazından nesneler toplaması ve bunları daha sonra anıtsal yapılara dönüştürmesiyle biliniyordu. Bu eserde; yatak direği, jonglör labutu ve koltuk parçası gibi birbirinden farklı parçaları kullandı, bunları kutuların içine çivileyip yapıştırarak Kübizmin mekan ve form üzerindeki geometrik soyutlama etkisini yansıttı.',
   url: 'https://react.dev/images/docs/scientists/rN7hY6om.jpg',
-  alt: 'A black matte sculpture where the individual elements are initially indistinguishable.'
+  alt: 'Tek tek öğelerin ilk bakışta ayırt edilemediği siyah mat bir heykel.'
 }, {
   name: 'Aureole',
   artist: 'Ranjani Shettar',
-  description: 'Shettar merges the traditional and the modern, the natural and the industrial. Her art focuses on the relationship between man and nature. Her work was described as compelling both abstractly and figuratively, gravity defying, and a "fine synthesis of unlikely materials."',
+  description: 'Shettar geleneksel ile moderni, doğal olan ile endüstriyel olanı birleştirir. Sanatı, insan ve doğa arasındaki ilişkiye odaklanır. Eserleri hem soyut hem figüratif açıdan etkileyici, yer çekimine meydan okuyan ve "beklenmedik malzemelerin ince bir sentezi" olarak tanımlanmıştır.',
   url: 'https://react.dev/images/docs/scientists/okTpbHhm.jpg',
-  alt: 'A pale wire-like sculpture mounted on concrete wall and descending on the floor. It appears light.'
+  alt: 'Beton duvara monte edilmiş ve zemine doğru inen, soluk renkli tel benzeri bir heykel. Hafif görünür.'
 }, {
   name: 'Hippos',
-  artist: 'Taipei Zoo',
-  description: 'The Taipei Zoo commissioned a Hippo Square featuring submerged hippos at play.',
+  artist: 'Taipei Hayvanat Bahçesi',
+  description: 'Taipei Hayvanat Bahçesi, oyun oynayan suya batmış hipopotamları içeren bir Hippo Square yaptırdı.',
   url: 'https://react.dev/images/docs/scientists/6o5Vuyu.jpg',
-  alt: 'A group of bronze hippo sculptures emerging from the sett sidewalk as if they were swimming.'
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+  alt: 'Sanki yüzüyormuş gibi kaldırımdan çıkan bir grup bronz hipopotam heykeli.'
 }];
 ```
 
@@ -1330,15 +943,9 @@ export default function Gallery() {
       <button onClick={handleNextClick}>
         Sonraki
       </button>
-<<<<<<< HEAD
-       <h2>
-        <i>{sculpture.name}, </i>
-        {sculpture.artist}
-=======
       <h2>
         <i>{sculpture.name} </i>
         by {sculpture.artist}
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
       </h2>
       <h3>
         ({index + 1} of {sculptureList.length})
@@ -1360,147 +967,75 @@ export default function Gallery() {
 export const sculptureList = [{
   name: 'Homenaje a la Neurocirugía',
   artist: 'Marta Colvin Andrade',
-<<<<<<< HEAD
-  description: "Colvin'in öncelikle pre-Hispanik sembollere gönderme yapan soyut temalarıyla tanınmasına rağmen, nöroşirurjiye bir saygı niteliğindeki bu devasa heykel, en tanınmış halka açık sanat eserlerinden biridir.",
-  url: 'https://i.imgur.com/Mx7dA2Y.jpg',
-  alt: 'Parmak uçlarında insan beynini nazikçe tutan iki çapraz ellerden oluşan bronz bir heykel.'
-}, {
-  name: 'Floralis Genérica',
-  artist: 'Eduardo Catalano',
-  description: "Buenos Aires'te bulunan bu devasa (75 ft. veya 23 m) gümüş çiçek, akşamları veya güçlü rüzgarlar estiğinde yapraklarını kapatarak ve sabahları açarak hareket etmek üzere tasarlanmıştır.",
-  url: 'https://i.imgur.com/ZF6s192m.jpg',
-  alt: 'Ayna gibi yansıtıcı yaprakları ve güçlü erkek organları olan devasa bir metal çiçek heykeli.'
-}, {
-  name: 'Eternal Presence',
-  artist: 'John Woodrow Wilson',
-  description: 'Wilson, eşitlik, sosyal adalet ve insanlığın temel ve ruhsal nitelikleriyle ilgilenmesiyle tanınıyordu. Bu devasa (7 fit veya 2,13 m) bronz, "evrensel insanlık duygusu ile dolu sembolik bir Siyah varlığı" olarak nitelendirdiği şeyi temsil eder.',
-  url: 'https://i.imgur.com/aTtVpES.jpg',
-  alt: 'İnsan kafasını tasvir eden heykel her zaman varmış gibi görünüyor ve hüzünlü. Sakinlik ve huzur yayar.'
-}, {
-  name: 'Moai',
-  artist: 'Bilinmeyen Sanatçı',
-  description: "Paskalya Adası'nda bulunan, erken Rapa Nui halkı tarafından yaratılmış 1.000 moai veya devasa anıtsal heykelden oluşan bir koleksiyondur ve bazıları tanrılaştırılmış ataları temsil ettiğine inanıyor.",
-  url: 'https://i.imgur.com/RCwLEoQm.jpg',
-  alt: 'Somut ifadeleriyle orantısız büyük başlara sahip üç devasa taş büst.'
-}, {
-  name: 'Blue Nana',
-  artist: 'Niki de Saint Phalle',
-  description: 'Nanalar muzaffer yaratıklar, kadınlık ve annelik sembolleridir. Saint Phalle, Nanalar için başlangıçta kumaş ve buluntu nesneler kullanmış, daha sonra daha canlı bir etki elde etmek için polyester kullanmıştır.',
-  url: 'https://i.imgur.com/Sd1AgUOm.jpg',
-  alt: 'Neşe saçan renkli kostümüyle dans eden tuhaf bir kadın figürünün büyük bir mozaik heykeli.'
-}, {
-  name: 'Ultimate Form',
-  artist: 'Barbara Hepworth',
-  description: "Bu soyut bronz heykel, Yorkshire Heykel Parkı'nda bulunan The Family of Man serisinin bir parçasıdır. Hepworth, dünyanın birebir temsillerini yaratmak yerine, insanlardan ve manzaralardan esinlenen soyut formlar geliştirmeyi tercih etmiştir.",
-  url: 'https://i.imgur.com/2heNQDcm.jpg',
-  alt: 'İnsan figürünü anımsatan, birbiri üzerine yığılmış üç unsurdan oluşan uzun bir heykel.'
-}, {
-  name: 'Cavaliere',
-  artist: 'Lamidi Olonade Fakeye',
-  description: "Dört kuşaktır ahşap oymacılığı yapan Fakeye'nin eserleri geleneksel ve çağdaş Yoruba temalarını harmanlıyor.",
-  url: 'https://i.imgur.com/wIdGuZwm.png',
-  alt: 'Desenlerle bezenmiş bir atın üzerinde odaklanmış bir yüze sahip bir savaşçının karmaşık bir ahşap heykeli.'
-}, {
-  name: 'Big Bellies',
-  artist: 'Alina Szapocznikow',
-  description: "Szapocznikow, gençliğin ve güzelliğin kırılganlığı ve geçiciliğine bir metafor olarak parçalanmış bedenlerin heykelleriyle tanınır. Bu heykel, birbirine yığılmış iki çok gerçekçi büyük karın kasını tasvir eder, her biri yaklaşık beş ayak (1,5m) yüksekliğindedir.",
-  url: 'https://i.imgur.com/AlHTAdDm.jpg',
-  alt: 'Heykel, klasik heykellerdeki göbeklerden oldukça farklı olan kıvrımlardan oluşan bir çağlayanı andırıyor.'
-}, {
-  name: 'Terracotta Army',
-  artist: 'Bilinmeyen Sanatçı',
-  description: "Terracotta Ordusu, Çin'in ilk İmparatoru Qin Shi Huang'ın ordularını tasvir eden bir terracotta heykel koleksiyonudur. Ordu 8.000'den fazla asker, 520 atlı 130 savaş arabası ve 150 süvari atından oluşuyordu.",
-  url: 'https://i.imgur.com/HMFmH6m.jpg',
-  alt: 'Her biri benzersiz bir yüz ifadesine ve zırha sahip, vakur savaşçıların 12 pişmiş toprak heykeli.'
-}, {
-  name: 'Lunar Landscape',
-  artist: 'Louise Nevelson',
-  description: "Nevelson, New York'un enkazından topladığı ve daha sonra anıtsal yapılarda bir araya getireceği nesnelerle tanınıyordu. Bu eserinde yatak direği, hokkabaz iğnesi ve koltuk parçası gibi birbirinden farklı parçaları kullanmış, bunları çivileyip yapıştırarak Kübizm'in geometrik mekân ve biçim soyutlamasının etkisini yansıtan kutular haline getirmiştir.",
-  url: 'https://i.imgur.com/rN7hY6om.jpg',
-  alt: 'Tek tek unsurların başlangıçta ayırt edilemediği siyah mat bir heykel.'
-}, {
-  name: 'Aureole',
-  artist: 'Ranjani Shettar',
-  description: 'Shettar geleneksel ve modern olanı, doğal ve endüstriyel olanı birleştiriyor. Sanatı insan ve doğa arasındaki ilişkiye odaklanıyor. Çalışmaları hem soyut hem de figüratif olarak zorlayıcı, yerçekimine meydan okuyan ve "beklenmedik malzemelerin iyi bir sentezi" olarak tanımlanmıştır.',
-  url: 'https://i.imgur.com/okTpbHhm.jpg',
-  alt: 'Beton duvara monte edilmiş ve yere inen soluk tel benzeri bir heykel. Hafif görünüyor.'
-}, {
-  name: 'Hippos',
-  artist: 'Taipei Zoo',
-  description: 'Taipei Hayvanat Bahçesi, oyun oynayan su aygırlarının yer aldığı bir Su Aygırı Meydanı yaptırdı.',
-  url: 'https://i.imgur.com/6o5Vuyu.jpg',
-  alt: 'Bir grup bronz su aygırı heykeli sanki yüzüyormuş gibi kaldırımdan çıkıyor.'
-=======
-  description: 'Although Colvin is predominantly known for abstract themes that allude to pre-Hispanic symbols, this gigantic sculpture, an homage to neurosurgery, is one of her most recognizable public art pieces.',
+  description: 'Colvin ağırlıklı olarak Hispanik öncesi sembollere gönderme yapan soyut temalarıyla bilinse de, nöroşirürjiye bir saygı duruşu olan bu devasa heykel, onun en tanınan kamusal sanat eserlerinden biridir.',
   url: 'https://react.dev/images/docs/scientists/Mx7dA2Y.jpg',
-  alt: 'A bronze statue of two crossed hands delicately holding a human brain in their fingertips.'
+  alt: 'İki çapraz elin, parmak uçlarında insan beynini nazikçe tuttuğu bronz bir heykel.'
 }, {
   name: 'Floralis Genérica',
   artist: 'Eduardo Catalano',
-  description: 'This enormous (75 ft. or 23m) silver flower is located in Buenos Aires. It is designed to move, closing its petals in the evening or when strong winds blow and opening them in the morning.',
+  description: 'Bu devasa (75 ft. veya 23 m) gümüş çiçek Buenos Aires’te yer alır. Akşamları veya güçlü rüzgarlar estiğinde taç yapraklarını kapatacak, sabahları ise açacak şekilde tasarlanmıştır.',
   url: 'https://react.dev/images/docs/scientists/ZF6s192m.jpg',
-  alt: 'A gigantic metallic flower sculpture with reflective mirror-like petals and strong stamens.'
+  alt: 'Yansıtıcı, ayna benzeri taç yaprakları ve güçlü erkek organları olan devasa metalik bir çiçek heykeli.'
 }, {
   name: 'Eternal Presence',
   artist: 'John Woodrow Wilson',
-  description: 'Wilson was known for his preoccupation with equality, social justice, as well as the essential and spiritual qualities of humankind. This massive (7ft. or 2,13m) bronze represents what he described as "a symbolic Black presence infused with a sense of universal humanity."',
+  description: 'Wilson; eşitlik, sosyal adalet ve insanlığın temel ve ruhani nitelikleriyle ilgilenmesiyle biliniyordu. Bu büyük (7 ft. veya 2,13 m) bronz eser, onun "evrensel insanlık duygusuyla harmanlanmış sembolik bir Siyah varlık" olarak tanımladığı şeyi temsil eder.',
   url: 'https://react.dev/images/docs/scientists/aTtVpES.jpg',
-  alt: 'The sculpture depicting a human head seems ever-present and solemn. It radiates calm and serenity.'
+  alt: 'Bir insan başını tasvir eden heykel, her zaman var olan ve ağırbaşlı bir izlenim verir. Sakinlik ve huzur yayar.'
 }, {
   name: 'Moai',
-  artist: 'Unknown Artist',
-  description: 'Located on the Easter Island, there are 1,000 moai, or extant monumental statues, created by the early Rapa Nui people, which some believe represented deified ancestors.',
+  artist: 'Bilinmeyen Sanatçı',
+  description: 'Paskalya Adası’nda bulunan, erken dönem Rapa Nui halkı tarafından oluşturulmuş 1.000 adet moai veya günümüze ulaşmış anıtsal heykel vardır. Bazılarına göre bunlar tanrılaştırılmış ataları temsil ediyordu.',
   url: 'https://react.dev/images/docs/scientists/RCwLEoQm.jpg',
-  alt: 'Three monumental stone busts with the heads that are disproportionately large with somber faces.'
+  alt: 'Orantısız derecede büyük başlara ve ciddi yüz ifadelerine sahip üç anıtsal taş büst.'
 }, {
   name: 'Blue Nana',
   artist: 'Niki de Saint Phalle',
-  description: 'The Nanas are triumphant creatures, symbols of femininity and maternity. Initially, Saint Phalle used fabric and found objects for the Nanas, and later on introduced polyester to achieve a more vibrant effect.',
+  description: 'Nana’lar, kadınlık ve anneliğin sembolleri olan zafer kazanmış varlıklardır. Başlangıçta Saint Phalle, Nana’lar için kumaş ve buluntu nesneler kullandı; daha sonra daha canlı bir etki elde etmek için polyesteri dahil etti.',
   url: 'https://react.dev/images/docs/scientists/Sd1AgUOm.jpg',
-  alt: 'A large mosaic sculpture of a whimsical dancing female figure in a colorful costume emanating joy.'
+  alt: 'Renkli bir kostüm içinde neşe saçan, oyunbaz şekilde dans eden büyük bir kadın figürünün mozaik heykeli.'
 }, {
   name: 'Ultimate Form',
   artist: 'Barbara Hepworth',
-  description: 'This abstract bronze sculpture is a part of The Family of Man series located at Yorkshire Sculpture Park. Hepworth chose not to create literal representations of the world but developed abstract forms inspired by people and landscapes.',
+  description: 'Bu soyut bronz heykel, Yorkshire Sculpture Park’ta yer alan The Family of Man serisinin bir parçasıdır. Hepworth, dünyanın birebir temsillerini oluşturmak yerine insanlardan ve manzaralardan ilham alan soyut formlar geliştirmeyi seçti.',
   url: 'https://react.dev/images/docs/scientists/2heNQDcm.jpg',
-  alt: 'A tall sculpture made of three elements stacked on each other reminding of a human figure.'
+  alt: 'Üst üste yerleştirilmiş üç öğeden oluşan ve bir insan figürünü hatırlatan uzun bir heykel.'
 }, {
   name: 'Cavaliere',
   artist: 'Lamidi Olonade Fakeye',
-  description: "Descended from four generations of woodcarvers, Fakeye's work blended traditional and contemporary Yoruba themes.",
+  description: "Dört kuşak ahşap oymacısının soyundan gelen Fakeye’nin çalışmaları, geleneksel ve çağdaş Yoruba temalarını harmanladı.",
   url: 'https://react.dev/images/docs/scientists/wIdGuZwm.png',
-  alt: 'An intricate wood sculpture of a warrior with a focused face on a horse adorned with patterns.'
+  alt: 'Desenlerle süslenmiş bir atın üzerinde, odaklanmış yüz ifadeli bir savaşçıyı tasvir eden ayrıntılı bir ahşap heykel.'
 }, {
   name: 'Big Bellies',
   artist: 'Alina Szapocznikow',
-  description: "Szapocznikow is known for her sculptures of the fragmented body as a metaphor for the fragility and impermanence of youth and beauty. This sculpture depicts two very realistic large bellies stacked on top of each other, each around five feet (1,5m) tall.",
+  description: "Szapocznikow, parçalanmış beden heykellerini gençliğin ve güzelliğin kırılganlığı ile geçiciliğine dair bir metafor olarak kullanmasıyla bilinir. Bu heykel, üst üste yerleştirilmiş iki oldukça gerçekçi büyük göbeği tasvir eder; her biri yaklaşık beş fit (1,5 m) uzunluğundadır.",
   url: 'https://react.dev/images/docs/scientists/AlHTAdDm.jpg',
-  alt: 'The sculpture reminds a cascade of folds, quite different from bellies in classical sculptures.'
+  alt: 'Heykel, klasik heykellerdeki göbeklerden oldukça farklı olan bir kıvrım şelalesini andırır.'
 }, {
   name: 'Terracotta Army',
-  artist: 'Unknown Artist',
-  description: 'The Terracotta Army is a collection of terracotta sculptures depicting the armies of Qin Shi Huang, the first Emperor of China. The army consisted of more than 8,000 soldiers, 130 chariots with 520 horses, and 150 cavalry horses.',
+  artist: 'Bilinmeyen Sanatçı',
+  description: 'Terracotta Army, Çin’in ilk İmparatoru Qin Shi Huang’ın ordularını tasvir eden pişmiş toprak heykellerden oluşan bir koleksiyondur. Ordu; 8.000’den fazla asker, 520 atlı 130 savaş arabası ve 150 süvari atından oluşuyordu.',
   url: 'https://react.dev/images/docs/scientists/HMFmH6m.jpg',
-  alt: '12 terracotta sculptures of solemn warriors, each with a unique facial expression and armor.'
+  alt: 'Her biri kendine özgü yüz ifadesine ve zırha sahip, ciddi görünümlü savaşçılardan oluşan 12 pişmiş toprak heykel.'
 }, {
   name: 'Lunar Landscape',
   artist: 'Louise Nevelson',
-  description: 'Nevelson was known for scavenging objects from New York City debris, which she would later assemble into monumental constructions. In this one, she used disparate parts like a bedpost, juggling pin, and seat fragment, nailing and gluing them into boxes that reflect the influence of Cubism’s geometric abstraction of space and form.',
+  description: 'Nevelson, New York City enkazından nesneler toplaması ve bunları daha sonra anıtsal yapılara dönüştürmesiyle biliniyordu. Bu eserde; yatak direği, jonglör labutu ve koltuk parçası gibi birbirinden farklı parçaları kullandı, bunları kutuların içine çivileyip yapıştırarak Kübizmin mekan ve form üzerindeki geometrik soyutlama etkisini yansıttı.',
   url: 'https://react.dev/images/docs/scientists/rN7hY6om.jpg',
-  alt: 'A black matte sculpture where the individual elements are initially indistinguishable.'
+  alt: 'Tek tek öğelerin ilk bakışta ayırt edilemediği siyah mat bir heykel.'
 }, {
   name: 'Aureole',
   artist: 'Ranjani Shettar',
-  description: 'Shettar merges the traditional and the modern, the natural and the industrial. Her art focuses on the relationship between man and nature. Her work was described as compelling both abstractly and figuratively, gravity defying, and a "fine synthesis of unlikely materials."',
+  description: 'Shettar geleneksel ile moderni, doğal olan ile endüstriyel olanı birleştirir. Sanatı, insan ve doğa arasındaki ilişkiye odaklanır. Eserleri hem soyut hem figüratif açıdan etkileyici, yer çekimine meydan okuyan ve "beklenmedik malzemelerin ince bir sentezi" olarak tanımlanmıştır.',
   url: 'https://react.dev/images/docs/scientists/okTpbHhm.jpg',
-  alt: 'A pale wire-like sculpture mounted on concrete wall and descending on the floor. It appears light.'
+  alt: 'Beton duvara monte edilmiş ve zemine doğru inen, soluk renkli tel benzeri bir heykel. Hafif görünür.'
 }, {
   name: 'Hippos',
-  artist: 'Taipei Zoo',
-  description: 'The Taipei Zoo commissioned a Hippo Square featuring submerged hippos at play.',
+  artist: 'Taipei Hayvanat Bahçesi',
+  description: 'Taipei Hayvanat Bahçesi, oyun oynayan suya batmış hipopotamları içeren bir Hippo Square yaptırdı.',
   url: 'https://react.dev/images/docs/scientists/6o5Vuyu.jpg',
-  alt: 'A group of bronze hippo sculptures emerging from the sett sidewalk as if they were swimming.'
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+  alt: 'Sanki yüzüyormuş gibi kaldırımdan çıkan bir grup bronz hipopotam heykeli.'
 }];
 ```
 
@@ -1570,15 +1105,9 @@ export default function Gallery() {
       >
         Sonraki
       </button>
-<<<<<<< HEAD
-       <h2>
-        <i>{sculpture.name}, </i>
-        {sculpture.artist}
-=======
       <h2>
         <i>{sculpture.name} </i>
         by {sculpture.artist}
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
       </h2>
       <h3>
         ({index + 1} of {sculptureList.length})
@@ -1600,147 +1129,75 @@ export default function Gallery() {
 export const sculptureList = [{
   name: 'Homenaje a la Neurocirugía',
   artist: 'Marta Colvin Andrade',
-<<<<<<< HEAD
-  description: "Colvin'in öncelikle pre-Hispanik sembollere gönderme yapan soyut temalarıyla tanınmasına rağmen, nöroşirurjiye bir saygı niteliğindeki bu devasa heykel, en tanınmış halka açık sanat eserlerinden biridir.",
-  url: 'https://i.imgur.com/Mx7dA2Y.jpg',
-  alt: 'Parmak uçlarında insan beynini nazikçe tutan iki çapraz ellerden oluşan bronz bir heykel.'
-}, {
-  name: 'Floralis Genérica',
-  artist: 'Eduardo Catalano',
-  description: "Buenos Aires'te bulunan bu devasa (75 ft. veya 23 m) gümüş çiçek, akşamları veya güçlü rüzgarlar estiğinde yapraklarını kapatarak ve sabahları açarak hareket etmek üzere tasarlanmıştır.",
-  url: 'https://i.imgur.com/ZF6s192m.jpg',
-  alt: 'Ayna gibi yansıtıcı yaprakları ve güçlü erkek organları olan devasa bir metal çiçek heykeli.'
-}, {
-  name: 'Eternal Presence',
-  artist: 'John Woodrow Wilson',
-  description: 'Wilson, eşitlik, sosyal adalet ve insanlığın temel ve ruhsal nitelikleriyle ilgilenmesiyle tanınıyordu. Bu devasa (7 fit veya 2,13 m) bronz, "evrensel insanlık duygusu ile dolu sembolik bir Siyah varlığı" olarak nitelendirdiği şeyi temsil eder.',
-  url: 'https://i.imgur.com/aTtVpES.jpg',
-  alt: 'İnsan kafasını tasvir eden heykel her zaman varmış gibi görünüyor ve hüzünlü. Sakinlik ve huzur yayar.'
-}, {
-  name: 'Moai',
-  artist: 'Bilinmeyen Sanatçı',
-  description: "Paskalya Adası'nda bulunan, erken Rapa Nui halkı tarafından yaratılmış 1.000 moai veya devasa anıtsal heykelden oluşan bir koleksiyondur ve bazıları tanrılaştırılmış ataları temsil ettiğine inanıyor.",
-  url: 'https://i.imgur.com/RCwLEoQm.jpg',
-  alt: 'Somut ifadeleriyle orantısız büyük başlara sahip üç devasa taş büst.'
-}, {
-  name: 'Blue Nana',
-  artist: 'Niki de Saint Phalle',
-  description: 'Nanalar muzaffer yaratıklar, kadınlık ve annelik sembolleridir. Saint Phalle, Nanalar için başlangıçta kumaş ve buluntu nesneler kullanmış, daha sonra daha canlı bir etki elde etmek için polyester kullanmıştır.',
-  url: 'https://i.imgur.com/Sd1AgUOm.jpg',
-  alt: 'Neşe saçan renkli kostümüyle dans eden tuhaf bir kadın figürünün büyük bir mozaik heykeli.'
-}, {
-  name: 'Ultimate Form',
-  artist: 'Barbara Hepworth',
-  description: "Bu soyut bronz heykel, Yorkshire Heykel Parkı'nda bulunan The Family of Man serisinin bir parçasıdır. Hepworth, dünyanın birebir temsillerini yaratmak yerine, insanlardan ve manzaralardan esinlenen soyut formlar geliştirmeyi tercih etmiştir.",
-  url: 'https://i.imgur.com/2heNQDcm.jpg',
-  alt: 'İnsan figürünü anımsatan, birbiri üzerine yığılmış üç unsurdan oluşan uzun bir heykel.'
-}, {
-  name: 'Cavaliere',
-  artist: 'Lamidi Olonade Fakeye',
-  description: "Dört kuşaktır ahşap oymacılığı yapan Fakeye'nin eserleri geleneksel ve çağdaş Yoruba temalarını harmanlıyor.",
-  url: 'https://i.imgur.com/wIdGuZwm.png',
-  alt: 'Desenlerle bezenmiş bir atın üzerinde odaklanmış bir yüze sahip bir savaşçının karmaşık bir ahşap heykeli.'
-}, {
-  name: 'Big Bellies',
-  artist: 'Alina Szapocznikow',
-  description: "Szapocznikow, gençliğin ve güzelliğin kırılganlığı ve geçiciliğine bir metafor olarak parçalanmış bedenlerin heykelleriyle tanınır. Bu heykel, birbirine yığılmış iki çok gerçekçi büyük karın kasını tasvir eder, her biri yaklaşık beş ayak (1,5m) yüksekliğindedir.",
-  url: 'https://i.imgur.com/AlHTAdDm.jpg',
-  alt: 'Heykel, klasik heykellerdeki göbeklerden oldukça farklı olan kıvrımlardan oluşan bir çağlayanı andırıyor.'
-}, {
-  name: 'Terracotta Army',
-  artist: 'Bilinmeyen Sanatçı',
-  description: "Terracotta Ordusu, Çin'in ilk İmparatoru Qin Shi Huang'ın ordularını tasvir eden bir terracotta heykel koleksiyonudur. Ordu 8.000'den fazla asker, 520 atlı 130 savaş arabası ve 150 süvari atından oluşuyordu.",
-  url: 'https://i.imgur.com/HMFmH6m.jpg',
-  alt: 'Her biri benzersiz bir yüz ifadesine ve zırha sahip, vakur savaşçıların 12 pişmiş toprak heykeli.'
-}, {
-  name: 'Lunar Landscape',
-  artist: 'Louise Nevelson',
-  description: "Nevelson, New York'un enkazından topladığı ve daha sonra anıtsal yapılarda bir araya getireceği nesnelerle tanınıyordu. Bu eserinde yatak direği, hokkabaz iğnesi ve koltuk parçası gibi birbirinden farklı parçaları kullanmış, bunları çivileyip yapıştırarak Kübizm'in geometrik mekân ve biçim soyutlamasının etkisini yansıtan kutular haline getirmiştir.",
-  url: 'https://i.imgur.com/rN7hY6om.jpg',
-  alt: 'Tek tek unsurların başlangıçta ayırt edilemediği siyah mat bir heykel.'
-}, {
-  name: 'Aureole',
-  artist: 'Ranjani Shettar',
-  description: 'Shettar geleneksel ve modern olanı, doğal ve endüstriyel olanı birleştiriyor. Sanatı insan ve doğa arasındaki ilişkiye odaklanıyor. Çalışmaları hem soyut hem de figüratif olarak zorlayıcı, yerçekimine meydan okuyan ve "beklenmedik malzemelerin iyi bir sentezi" olarak tanımlanmıştır.',
-  url: 'https://i.imgur.com/okTpbHhm.jpg',
-  alt: 'Beton duvara monte edilmiş ve yere inen soluk tel benzeri bir heykel. Hafif görünüyor.'
-}, {
-  name: 'Hippos',
-  artist: 'Taipei Zoo',
-  description: 'Taipei Hayvanat Bahçesi, oyun oynayan su aygırlarının yer aldığı bir Su Aygırı Meydanı yaptırdı.',
-  url: 'https://i.imgur.com/6o5Vuyu.jpg',
-  alt: 'Bir grup bronz su aygırı heykeli sanki yüzüyormuş gibi kaldırımdan çıkıyor.'
-=======
-  description: 'Although Colvin is predominantly known for abstract themes that allude to pre-Hispanic symbols, this gigantic sculpture, an homage to neurosurgery, is one of her most recognizable public art pieces.',
+  description: 'Colvin ağırlıklı olarak Hispanik öncesi sembollere gönderme yapan soyut temalarıyla bilinse de, nöroşirürjiye bir saygı duruşu olan bu devasa heykel, onun en tanınan kamusal sanat eserlerinden biridir.',
   url: 'https://react.dev/images/docs/scientists/Mx7dA2Y.jpg',
-  alt: 'A bronze statue of two crossed hands delicately holding a human brain in their fingertips.'
+  alt: 'İki çapraz elin, parmak uçlarında insan beynini nazikçe tuttuğu bronz bir heykel.'
 }, {
   name: 'Floralis Genérica',
   artist: 'Eduardo Catalano',
-  description: 'This enormous (75 ft. or 23m) silver flower is located in Buenos Aires. It is designed to move, closing its petals in the evening or when strong winds blow and opening them in the morning.',
+  description: 'Bu devasa (75 ft. veya 23 m) gümüş çiçek Buenos Aires’te yer alır. Akşamları veya güçlü rüzgarlar estiğinde taç yapraklarını kapatacak, sabahları ise açacak şekilde tasarlanmıştır.',
   url: 'https://react.dev/images/docs/scientists/ZF6s192m.jpg',
-  alt: 'A gigantic metallic flower sculpture with reflective mirror-like petals and strong stamens.'
+  alt: 'Yansıtıcı, ayna benzeri taç yaprakları ve güçlü erkek organları olan devasa metalik bir çiçek heykeli.'
 }, {
   name: 'Eternal Presence',
   artist: 'John Woodrow Wilson',
-  description: 'Wilson was known for his preoccupation with equality, social justice, as well as the essential and spiritual qualities of humankind. This massive (7ft. or 2,13m) bronze represents what he described as "a symbolic Black presence infused with a sense of universal humanity."',
+  description: 'Wilson; eşitlik, sosyal adalet ve insanlığın temel ve ruhani nitelikleriyle ilgilenmesiyle biliniyordu. Bu büyük (7 ft. veya 2,13 m) bronz eser, onun "evrensel insanlık duygusuyla harmanlanmış sembolik bir Siyah varlık" olarak tanımladığı şeyi temsil eder.',
   url: 'https://react.dev/images/docs/scientists/aTtVpES.jpg',
-  alt: 'The sculpture depicting a human head seems ever-present and solemn. It radiates calm and serenity.'
+  alt: 'Bir insan başını tasvir eden heykel, her zaman var olan ve ağırbaşlı bir izlenim verir. Sakinlik ve huzur yayar.'
 }, {
   name: 'Moai',
-  artist: 'Unknown Artist',
-  description: 'Located on the Easter Island, there are 1,000 moai, or extant monumental statues, created by the early Rapa Nui people, which some believe represented deified ancestors.',
+  artist: 'Bilinmeyen Sanatçı',
+  description: 'Paskalya Adası’nda bulunan, erken dönem Rapa Nui halkı tarafından oluşturulmuş 1.000 adet moai veya günümüze ulaşmış anıtsal heykel vardır. Bazılarına göre bunlar tanrılaştırılmış ataları temsil ediyordu.',
   url: 'https://react.dev/images/docs/scientists/RCwLEoQm.jpg',
-  alt: 'Three monumental stone busts with the heads that are disproportionately large with somber faces.'
+  alt: 'Orantısız derecede büyük başlara ve ciddi yüz ifadelerine sahip üç anıtsal taş büst.'
 }, {
   name: 'Blue Nana',
   artist: 'Niki de Saint Phalle',
-  description: 'The Nanas are triumphant creatures, symbols of femininity and maternity. Initially, Saint Phalle used fabric and found objects for the Nanas, and later on introduced polyester to achieve a more vibrant effect.',
+  description: 'Nana’lar, kadınlık ve anneliğin sembolleri olan zafer kazanmış varlıklardır. Başlangıçta Saint Phalle, Nana’lar için kumaş ve buluntu nesneler kullandı; daha sonra daha canlı bir etki elde etmek için polyesteri dahil etti.',
   url: 'https://react.dev/images/docs/scientists/Sd1AgUOm.jpg',
-  alt: 'A large mosaic sculpture of a whimsical dancing female figure in a colorful costume emanating joy.'
+  alt: 'Renkli bir kostüm içinde neşe saçan, oyunbaz şekilde dans eden büyük bir kadın figürünün mozaik heykeli.'
 }, {
   name: 'Ultimate Form',
   artist: 'Barbara Hepworth',
-  description: 'This abstract bronze sculpture is a part of The Family of Man series located at Yorkshire Sculpture Park. Hepworth chose not to create literal representations of the world but developed abstract forms inspired by people and landscapes.',
+  description: 'Bu soyut bronz heykel, Yorkshire Sculpture Park’ta yer alan The Family of Man serisinin bir parçasıdır. Hepworth, dünyanın birebir temsillerini oluşturmak yerine insanlardan ve manzaralardan ilham alan soyut formlar geliştirmeyi seçti.',
   url: 'https://react.dev/images/docs/scientists/2heNQDcm.jpg',
-  alt: 'A tall sculpture made of three elements stacked on each other reminding of a human figure.'
+  alt: 'Üst üste yerleştirilmiş üç öğeden oluşan ve bir insan figürünü hatırlatan uzun bir heykel.'
 }, {
   name: 'Cavaliere',
   artist: 'Lamidi Olonade Fakeye',
-  description: "Descended from four generations of woodcarvers, Fakeye's work blended traditional and contemporary Yoruba themes.",
+  description: "Dört kuşak ahşap oymacısının soyundan gelen Fakeye’nin çalışmaları, geleneksel ve çağdaş Yoruba temalarını harmanladı.",
   url: 'https://react.dev/images/docs/scientists/wIdGuZwm.png',
-  alt: 'An intricate wood sculpture of a warrior with a focused face on a horse adorned with patterns.'
+  alt: 'Desenlerle süslenmiş bir atın üzerinde, odaklanmış yüz ifadeli bir savaşçıyı tasvir eden ayrıntılı bir ahşap heykel.'
 }, {
   name: 'Big Bellies',
   artist: 'Alina Szapocznikow',
-  description: "Szapocznikow is known for her sculptures of the fragmented body as a metaphor for the fragility and impermanence of youth and beauty. This sculpture depicts two very realistic large bellies stacked on top of each other, each around five feet (1,5m) tall.",
+  description: "Szapocznikow, parçalanmış beden heykellerini gençliğin ve güzelliğin kırılganlığı ile geçiciliğine dair bir metafor olarak kullanmasıyla bilinir. Bu heykel, üst üste yerleştirilmiş iki oldukça gerçekçi büyük göbeği tasvir eder; her biri yaklaşık beş fit (1,5 m) uzunluğundadır.",
   url: 'https://react.dev/images/docs/scientists/AlHTAdDm.jpg',
-  alt: 'The sculpture reminds a cascade of folds, quite different from bellies in classical sculptures.'
+  alt: 'Heykel, klasik heykellerdeki göbeklerden oldukça farklı olan bir kıvrım şelalesini andırır.'
 }, {
   name: 'Terracotta Army',
-  artist: 'Unknown Artist',
-  description: 'The Terracotta Army is a collection of terracotta sculptures depicting the armies of Qin Shi Huang, the first Emperor of China. The army consisted of more than 8,000 soldiers, 130 chariots with 520 horses, and 150 cavalry horses.',
+  artist: 'Bilinmeyen Sanatçı',
+  description: 'Terracotta Army, Çin’in ilk İmparatoru Qin Shi Huang’ın ordularını tasvir eden pişmiş toprak heykellerden oluşan bir koleksiyondur. Ordu; 8.000’den fazla asker, 520 atlı 130 savaş arabası ve 150 süvari atından oluşuyordu.',
   url: 'https://react.dev/images/docs/scientists/HMFmH6m.jpg',
-  alt: '12 terracotta sculptures of solemn warriors, each with a unique facial expression and armor.'
+  alt: 'Her biri kendine özgü yüz ifadesine ve zırha sahip, ciddi görünümlü savaşçılardan oluşan 12 pişmiş toprak heykel.'
 }, {
   name: 'Lunar Landscape',
   artist: 'Louise Nevelson',
-  description: 'Nevelson was known for scavenging objects from New York City debris, which she would later assemble into monumental constructions. In this one, she used disparate parts like a bedpost, juggling pin, and seat fragment, nailing and gluing them into boxes that reflect the influence of Cubism’s geometric abstraction of space and form.',
+  description: 'Nevelson, New York City enkazından nesneler toplaması ve bunları daha sonra anıtsal yapılara dönüştürmesiyle biliniyordu. Bu eserde; yatak direği, jonglör labutu ve koltuk parçası gibi birbirinden farklı parçaları kullandı, bunları kutuların içine çivileyip yapıştırarak Kübizmin mekan ve form üzerindeki geometrik soyutlama etkisini yansıttı.',
   url: 'https://react.dev/images/docs/scientists/rN7hY6om.jpg',
-  alt: 'A black matte sculpture where the individual elements are initially indistinguishable.'
+  alt: 'Tek tek öğelerin ilk bakışta ayırt edilemediği siyah mat bir heykel.'
 }, {
   name: 'Aureole',
   artist: 'Ranjani Shettar',
-  description: 'Shettar merges the traditional and the modern, the natural and the industrial. Her art focuses on the relationship between man and nature. Her work was described as compelling both abstractly and figuratively, gravity defying, and a "fine synthesis of unlikely materials."',
+  description: 'Shettar geleneksel ile moderni, doğal olan ile endüstriyel olanı birleştirir. Sanatı, insan ve doğa arasındaki ilişkiye odaklanır. Eserleri hem soyut hem figüratif açıdan etkileyici, yer çekimine meydan okuyan ve "beklenmedik malzemelerin ince bir sentezi" olarak tanımlanmıştır.',
   url: 'https://react.dev/images/docs/scientists/okTpbHhm.jpg',
-  alt: 'A pale wire-like sculpture mounted on concrete wall and descending on the floor. It appears light.'
+  alt: 'Beton duvara monte edilmiş ve zemine doğru inen, soluk renkli tel benzeri bir heykel. Hafif görünür.'
 }, {
   name: 'Hippos',
-  artist: 'Taipei Zoo',
-  description: 'The Taipei Zoo commissioned a Hippo Square featuring submerged hippos at play.',
+  artist: 'Taipei Hayvanat Bahçesi',
+  description: 'Taipei Hayvanat Bahçesi, oyun oynayan suya batmış hipopotamları içeren bir Hippo Square yaptırdı.',
   url: 'https://react.dev/images/docs/scientists/6o5Vuyu.jpg',
-  alt: 'A group of bronze hippo sculptures emerging from the sett sidewalk as if they were swimming.'
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+  alt: 'Sanki yüzüyormuş gibi kaldırımdan çıkan bir grup bronz hipopotam heykeli.'
 }];
 ```
 
@@ -1989,11 +1446,7 @@ export default function FeedbackForm() {
 
 İkinci `useState` çağrısını `if` koşulundan sonra taşımayı deneyin ve bunun nasıl tekrar bozulduğuna dikkat edin.
 
-<<<<<<< HEAD
-Eğer linter'ınız [React için yapılandırılmışsa](/learn/editor-setup#linting), böyle bir hata yaptığınızda bir lint hatası görmelisiniz. Hatalı kodu yerel olarak denediğinizde bir hata görmüyorsanız, projeniz için linting'i ayarlamanız gerekir.
-=======
-If your linter is [configured for React](/learn/editor-setup#linting), you should see a lint error when you make a mistake like this. If you don't see an error when you try the faulty code locally, you need to set up linting for your project.
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+Linter’ınız [React için yapılandırılmışsa](/learn/editor-setup#linting), böyle bir hata yaptığınızda bir lint error görmelisiniz. Faulty code’u local’de denediğinizde bir error görmüyorsanız, projeniz için linting setup etmeniz gerekir.
 
 </Solution>
 

From d2dfcad754dab5359ce464cde36d4e02f753bcf0 Mon Sep 17 00:00:00 2001
From: anilcanboga <anlcn.boga@hotmail.com>
Date: Sat, 27 Jun 2026 15:42:29 +0300
Subject: [PATCH 22/42] thinking-in-react.md

---
 src/content/learn/thinking-in-react.md | 84 ++++++--------------------
 1 file changed, 17 insertions(+), 67 deletions(-)

diff --git a/src/content/learn/thinking-in-react.md b/src/content/learn/thinking-in-react.md
index 2b2914966..96c7d6a26 100644
--- a/src/content/learn/thinking-in-react.md
+++ b/src/content/learn/thinking-in-react.md
@@ -37,18 +37,9 @@ Her bileşenin etrafına kutular çizin ve bileşenlerinize isim verin. Bir tasa
 
 Tecrübenize bağlı olarak, bir tasarımı farklı yöntemlerle bileşenlere ayırmayı düşünebilirsiniz:
 
-<<<<<<< HEAD
-* **Programlama** — Yeni bir fonksiyon veya nesne oluşturup oluşturmamaya karar verirken aynı teknikleri kullanın.  
-  Bu tekniklerden biri [separation of concerns](https://en.wikipedia.org/wiki/Separation_of_concerns) (sorumlulukların ayrımı) ilkesidir; yani bir bileşen ideal olarak yalnızca tek bir işle ilgilenmelidir.  
-  Eğer bileşen büyürse, daha küçük alt bileşenlere (subcomponents) bölünmelidir.
-* **CSS** — Hangi yapılar için class selector tanımlayacağınızı düşünün.  
-  (Ancak bileşenler CSS sınıflarına göre biraz daha az ayrıntılıdır.)
-* **Tasarım** — Tasarımın katmanlarını nasıl organize edeceğinizi göz önünde bulundurun.
-=======
-* **Programming**--use the same techniques for deciding if you should create a new function or object. One such technique is the [separation of concerns](https://en.wikipedia.org/wiki/Separation_of_concerns), that is, a component should ideally only be concerned with one thing. If it ends up growing, it should be decomposed into smaller subcomponents.
-* **CSS**--consider what you would make class selectors for. (However, components are a bit less granular.)
-* **Design**--consider how you would organize the design's layers.
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+* **Programming**--yeni bir function veya object oluşturmanız gerekip gerekmediğine karar vermek için aynı teknikleri kullanın. Bu tekniklerden biri [separation of concerns](https://en.wikipedia.org/wiki/Separation_of_concerns)’dür; yani bir component ideal olarak yalnızca tek bir şeyle ilgilenmelidir. Eğer büyümeye başlarsa, daha küçük subcomponent’lere ayrılmalıdır.
+* **CSS**--hangi şeyler için class selector oluşturacağınızı düşünün. (Ancak component’ler biraz daha az granular’dır.)
+* **Design**--design’ın layer’larını nasıl organize edeceğinizi düşünün.
 
 JSON veriniz iyi yapılandırılmışsa, genellikle arayüzün bileşen yapısıyla doğal bir şekilde eşleştiğini göreceksiniz. Çünkü UI ve veri modelleri genellikle aynı bilgi mimarisine, yani aynı şekle sahiptir. Arayüzünüzü, her bileşenin veri modelinizin bir parçasıyla eşleştiği bileşenlere ayırın.
 
@@ -233,17 +224,10 @@ Geriye kalanlar muhtemelen state'tir.
 
 Hadi teker teker inceleyelim:
 
-<<<<<<< HEAD
-1. Orijinal ürün listesi **prop olarak iletildiği için state değildir.**
-2. Arama metni zaman içinde değiştiği için ve bir yerden hesaplanamadığı için state'tir.
-3. Checkbox'un değeri zaman içinde değiştiği için ve bir yerden hesaplanamadığı için state'tir.
-4. Filtrelenmiş ürün listesi, orijinal ürün listesini alıp arama metni ve checkbox'ın değerine göre filtreleyip **hesaplanabilir**. Bu yüzden **state değildir**.
-=======
-1. The original list of products is **passed in as props, so it's not state.**
-2. The search text seems to be state since it changes over time and can't be computed from anything.
-3. The value of the checkbox seems to be state since it changes over time and can't be computed from anything.
-4. The filtered list of products **isn't state because it can be computed** by taking the original list of products and filtering it according to the search text and value of the checkbox.
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+1. Product’ların original listesi **props olarak pass edilir, bu yüzden state değildir.**
+2. Search text, zamanla değiştiği ve herhangi bir şeyden compute edilemediği için state gibi görünür.
+3. Checkbox’ın value’su, zamanla değiştiği ve herhangi bir şeyden compute edilemediği için state gibi görünür.
+4. Product’ların filtered listesi **state değildir çünkü compute edilebilir**: product’ların original listesi alınır ve search text ile checkbox’ın value’suna göre filter edilir.
 
 Demek ki sadece arama metni ve checkbox'ın değeri state'tir! Güzel iş!
 
@@ -277,23 +261,13 @@ Uygulamanızdaki her state parçası için:
 
 Şimdi o ikisi için stratejimizi gözden geçirelim:
 
-<<<<<<< HEAD
-1. **State kullanan bileşenleri belirleyin:**
-    * `ProductTable` state'e göre ürün listesini filtrelemesi gerekiyor. (arama metni ve checkbox değeri).
-    * `SearchBar` state'i göstermesi gerekiyor. (arama metni ve checkbox değeri).
-2. **Ortak üst bileşeni bulun:** İki bileşenin de ortak olarak paylaştığı üst bileşen `FilterableProductTable` bileşenidir.
-3. **State'in barınacağı yere karar verin**: Filtre metni ve checkbox için gerekli state değerlerini `FilterableProductTable` bileşeninde tutacağız.
+1. **State kullanan component’leri belirleyin:**
+    * `ProductTable`, product list’i bu state’e göre filter etmek zorundadır (search text ve checkbox value).
+    * `SearchBar`, bu state’i display etmek zorundadır (search text ve checkbox value).
+2. **Common parent’larını bulun:** İki component’in de paylaştığı ilk parent component `FilterableProductTable`’dır.
+3. **State’in nerede yaşayacağına karar verin**: Filter text ve checked state value’larını `FilterableProductTable` içinde tutacağız.
 
-Sonuç olarak state değerleri `FilterableProductTable` bileşeninde barınacak.
-=======
-1. **Identify components that use state:**
-    * `ProductTable` needs to filter the product list based on that state (search text and checkbox value).
-    * `SearchBar` needs to display that state (search text and checkbox value).
-2. **Find their common parent:** The first parent component both components share is `FilterableProductTable`.
-3. **Decide where the state lives**: We'll keep the filter text and checked state values in `FilterableProductTable`.
-
-So the state values will live in `FilterableProductTable`.
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+Yani state value’ları `FilterableProductTable` içinde yaşayacak.
 
 Bileşene state eklemek için [`useState()` Hook'unu](/reference/react/useState) kullanın. Hook'lar React'e "bağlanmanızı" (hook-into) sağlayan özel fonksiyonlardır. `FilterableProductTable` bileşeninin en üstüne iki state değişkeni ekleyin ve başlangıç değerlerini belirtin:
 
@@ -411,17 +385,10 @@ function ProductTable({ products, filterText, inStockOnly }) {
 function SearchBar({ filterText, inStockOnly }) {
   return (
     <form>
-<<<<<<< HEAD
-      <input 
-        type="text" 
-        value={filterText} 
-        placeholder="Ara..."/>
-=======
       <input
         type="text"
         value={filterText}
-        placeholder="Search..."/>
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+        placeholder="Ara..."/>
       <label>
         <input
           type="checkbox"
@@ -488,17 +455,10 @@ Yukarıdaki sandboxta, `ProductTable` ve `SearchBar`, tabloyu, inputu ve checkbo
 function SearchBar({ filterText, inStockOnly }) {
   return (
     <form>
-<<<<<<< HEAD
-      <input 
-        type="text" 
-        value={filterText} 
-        placeholder="Ara..."/>
-=======
       <input
         type="text"
         value={filterText}
-        placeholder="Search..."/>
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+        placeholder="Ara..."/>
 ```
 
 Ancak henüz kullanıcı eylemlerine (yazmak gibi) yanıt vermek için herhangi bir kod eklemediniz. Bu da son adımınız olacak.
@@ -507,11 +467,7 @@ Ancak henüz kullanıcı eylemlerine (yazmak gibi) yanıt vermek için herhangi
 
 Uygulamanız şu anda, prop'lar ve state'in hiyerarşi boyunca aşağı doğru akmasıyla, doğru bir şekilde render ediliyor. Ancak kullanıcı girdisine göre state'i değiştirmek için, ters istikametteki veri akışını da desteklemeniz gerekecektir. Hiyerarşinin derinliklerindeki form bileşenlerinin `FilterableProductTable` bileşenindeki state'i güncellemesi gerekecek.
 
-<<<<<<< HEAD
-React bu veri akışını açıkça yapar, ancak iki-yönlü veri bağlamaya göre biraz daha fazla kod yazmanızı gerektirir. Yukarıdaki örnekte yazı yazmaya veya kutuyu işaretlemeye çalışırsanız, React girdinizi görmezden gelir. Bu kasıtlıdır. `<input value={filterText} />` yazarak, `input`'un `value` prop'unu her zaman `FilterableProductTable`'dan iletilem `filterText` state'ine eşit olarak ayarladınız. `filterText` state'i hiçbir zaman değişmediği için, input hiçbir zaman değişmez.
-=======
-Currently your app renders correctly with props and state flowing down the hierarchy. But to change the state according to user input, you will need to support data flowing the other way: the form components deep in the hierarchy need to update the state in `FilterableProductTable`.
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+Şu anda app’iniz props ve state’in hierarchy boyunca aşağı doğru flow etmesiyle doğru şekilde render oluyor. Ancak state’i user input’a göre değiştirmek için data’nın diğer yöne flow etmesini support etmeniz gerekir: hierarchy’nin derinlerindeki form component’leri, `FilterableProductTable` içindeki state’i update etmelidir.
 
 Kullanıcı form inputlarını değiştirdiğinde, state'in bu değişiklikleri yansıtacak şekilde güncellenmesini istersiniz. State `FilterableProductTable`'a aittir, bu yüzden yalnızca o bileşen `setFilterText` ve `setInStockOnly` fonksiyonlarını çağırabilir. `SearchBar`'ın `FilterableProductTable`'ın state'ini güncellemesine izin vermek için, bu fonksiyonları `SearchBar`'a iletmeniz gerekir:
 
@@ -654,15 +610,9 @@ function SearchBar({
 }) {
   return (
     <form>
-<<<<<<< HEAD
-      <input 
-        type="text" 
-        value={filterText} placeholder="Ara..." 
-=======
       <input
         type="text"
-        value={filterText} placeholder="Search..."
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+        value={filterText} placeholder="Ara..."
         onChange={(e) => onFilterTextChange(e.target.value)} />
       <label>
         <input

From cb52c90015f667b494532afa7aa4213733069da9 Mon Sep 17 00:00:00 2001
From: anilcanboga <anlcn.boga@hotmail.com>
Date: Sat, 27 Jun 2026 15:42:36 +0300
Subject: [PATCH 23/42] tutorial-tic-tac-toe.md

---
 src/content/learn/tutorial-tic-tac-toe.md | 31 ++++-------------------
 1 file changed, 5 insertions(+), 26 deletions(-)

diff --git a/src/content/learn/tutorial-tic-tac-toe.md b/src/content/learn/tutorial-tic-tac-toe.md
index 291403c84..64f7cf19b 100644
--- a/src/content/learn/tutorial-tic-tac-toe.md
+++ b/src/content/learn/tutorial-tic-tac-toe.md
@@ -337,11 +337,7 @@ import './styles.css';
 import App from './App';
 ```
 
-<<<<<<< HEAD
-1-5 satırları gerekli tüm parçaları bir araya getirir:
-=======
-Lines 1-5 bring all the necessary pieces together:
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+1-5. satırlar gerekli tüm parçaları bir araya getirir:
 
 * React
 * React'in web tarayıcıları ile konuşması için kütüphane (React DOM)
@@ -555,11 +551,7 @@ export default function Board() {
 }
 ```
 
-<<<<<<< HEAD
-Tarayıcının `div`'lerinin aksine, kendi bileşenleriniz olan `Board` ve `Square` büyük harfle başlamak zorundadır.
-=======
-Note how unlike the browser `div`s, your own components `Board` and `Square` must start with a capital letter.
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+Browser `div`’lerinden farklı olarak, kendi component’leriniz olan `Board` ve `Square`’in capital letter ile başlaması gerektiğine dikkat edin.
 
 Şuna bir göz atalım:
 
@@ -1102,11 +1094,7 @@ function Square({ value, onSquareClick }) {
 }
 ```
 
-<<<<<<< HEAD
-Şimdi `onSquareClick` prop'unu `Board` bileşenindeki `handleClick` adını vereceğiniz bir fonksiyona bağlayacaksınız. `onSquareClick`'i `handleClick`'e bağlamak için ilk `Square` bileşeninin `onSquareClick` prop'una bir fonksiyon ileteceksiniz:
-=======
-Now you'll connect the `onSquareClick` prop to a function in the `Board` component that you'll name `handleClick`. To connect `onSquareClick` to `handleClick` you'll pass a function to the `onSquareClick` prop of the first `Square` component:
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+Şimdi `onSquareClick` prop’unu, `Board` component’i içinde `handleClick` adını vereceğiniz bir function’a bağlayacaksınız. `onSquareClick`’i `handleClick`’e bağlamak için, ilk `Square` component’inin `onSquareClick` prop’una bir function pass edeceksiniz:
 
 ```js {7}
 export default function Board() {
@@ -2084,23 +2072,14 @@ export default function Game() {
 }
 ```
 
-<<<<<<< HEAD
-Aşağıda kodunuzun nasıl olması gerektiğini görebilirsiniz. Geliştirici araçları konsolunda şunu söyleyen bir hata görmeniz gerektiğine dikkat edin: 
-=======
-You can see what your code should look like below. Note that you should see an error in the developer tools console that says:
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+Kodunuzun aşağıdaki gibi görünmesi gerektiğini görebilirsiniz. Developer tools console’da şunu söyleyen bir error görmeniz gerektiğini unutmayın:
 
 <ConsoleBlock level="warning">
 Warning: Each child in an array or iterator should have a unique "key" prop. Check the render method of &#96;Game&#96;.
 Hata: Bir dizi veya yineleyicideki her alt eleman benzersiz bir "key" (anahtar) prop'una sahip olmalıdır. &#96;Game'in&#96; render metodunu kontrol edin.
 </ConsoleBlock>
-<<<<<<< HEAD
-  
-Bu hatayı bir sonraki bölümde düzelteceksiniz.
-=======
 
-You'll fix this error in the next section.
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+Bu error’ı bir sonraki section’da fix edeceksiniz.
 
 <Sandpack>
 

From 89ca7735ec197464473e269920f72de3671b9292 Mon Sep 17 00:00:00 2001
From: anilcanboga <anlcn.boga@hotmail.com>
Date: Sat, 27 Jun 2026 15:42:41 +0300
Subject: [PATCH 24/42] updating-objects-in-state.md

---
 src/content/learn/updating-objects-in-state.md | 12 ++----------
 1 file changed, 2 insertions(+), 10 deletions(-)

diff --git a/src/content/learn/updating-objects-in-state.md b/src/content/learn/updating-objects-in-state.md
index f6728564c..551eeead9 100644
--- a/src/content/learn/updating-objects-in-state.md
+++ b/src/content/learn/updating-objects-in-state.md
@@ -294,11 +294,7 @@ setPerson({
 });
 ```
 
-<<<<<<< HEAD
-Form şimdi çalışıyor!
-=======
-Now the form works!
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+Artık form çalışıyor!
 
 Her input alanı için nasıl ayrı bir state değişkeni bildirmediğinize dikkat edin. Büyük formlar için, tüm verileri bir nesnede gruplanmış halde tutmak doğru bir şekilde güncellediğiniz sürece--çok uygundur!
 
@@ -375,11 +371,7 @@ input { margin-left: 5px; margin-bottom: 5px; }
 
 </Sandpack>
 
-<<<<<<< HEAD
-Dikkat edilmesi gereken bir nokta, `...` spread sözdiziminin "yüzeysel" olmasıdır--yalnızca bir seviye derinliğe kadar kopyalar. Bu kopyalama işlemini hızlı yapar, ancak iç içe geçmiş bir özelliği güncellemek istiyorsanız, birden fazla kez kullanmanız gerekecektir.
-=======
-Note that the `...` spread syntax is "shallow"--it only copies things one level deep. This makes it fast, but it also means that if you want to update a nested property, you'll have to use it more than once.
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+`...` spread syntax’inin "shallow" olduğunu unutmayın--yalnızca bir level deep kopyalama yapar. Bu onu hızlı yapar, ancak nested property update etmek istiyorsanız bunu birden fazla kez kullanmanız gerektiği anlamına da gelir.
 
 <DeepDive>
 

From 6f40dcdd95ab308ecd6ebeddef1702953e30f201 Mon Sep 17 00:00:00 2001
From: anilcanboga <anlcn.boga@hotmail.com>
Date: Sat, 27 Jun 2026 15:42:48 +0300
Subject: [PATCH 25/42] writing-markup-with-jsx.md

---
 src/content/learn/writing-markup-with-jsx.md | 28 --------------------
 1 file changed, 28 deletions(-)

diff --git a/src/content/learn/writing-markup-with-jsx.md b/src/content/learn/writing-markup-with-jsx.md
index 25f74737f..7371c1e2d 100644
--- a/src/content/learn/writing-markup-with-jsx.md
+++ b/src/content/learn/writing-markup-with-jsx.md
@@ -71,11 +71,7 @@ Elinizde (tamamen geçerli) bir HTML olduğunu varsayalım:
 ```html
 <h1>Hedy Lamarr's Todos</h1>
 <img
-<<<<<<< HEAD
-  src="https://i.imgur.com/yXOvdOSs.jpg"
-=======
   src="https://react.dev/images/docs/scientists/yXOvdOSs.jpg"
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
   alt="Hedy Lamarr"
   class="photo"
 >
@@ -107,11 +103,7 @@ export default function TodoList() {
     // This doesn't quite work!
     <h1>Hedy Lamarr's Todos</h1>
     <img
-<<<<<<< HEAD
-      src="https://i.imgur.com/yXOvdOSs.jpg"
-=======
       src="https://react.dev/images/docs/scientists/yXOvdOSs.jpg"
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
       alt="Hedy Lamarr"
       class="photo"
     >
@@ -150,11 +142,7 @@ Bileşenden birden fazla öğe döndürmek için **bunları, tek bir ana etiketl
 <div>
   <h1>Hedy Lamarr's Todos</h1>
   <img
-<<<<<<< HEAD
-    src="https://i.imgur.com/yXOvdOSs.jpg"
-=======
     src="https://react.dev/images/docs/scientists/yXOvdOSs.jpg"
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
     alt="Hedy Lamarr"
     class="photo"
   >
@@ -171,11 +159,7 @@ Eğer fazladan bir `<div>` eklemek istemezseniz `<>` and `</>` kullanabilirsiniz
 <>
   <h1>Hedy Lamarr's Todos</h1>
   <img
-<<<<<<< HEAD
-    src="https://i.imgur.com/yXOvdOSs.jpg"
-=======
     src="https://react.dev/images/docs/scientists/yXOvdOSs.jpg"
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
     alt="Hedy Lamarr"
     class="photo"
   >
@@ -204,11 +188,7 @@ Hedy Lamarr'ın fotoğraf ve liste öğeleri bu şekilde kapatılmıştır:
 ```js {2-6,8-10}
 <>
   <img
-<<<<<<< HEAD
-    src="https://i.imgur.com/yXOvdOSs.jpg"
-=======
     src="https://react.dev/images/docs/scientists/yXOvdOSs.jpg"
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
     alt="Hedy Lamarr"
     class="photo"
    />
@@ -228,11 +208,7 @@ Bu nedenle, React'te, birçok HTML ve SVG özellikleri camelCase ile yazılır.
 
 ```js {4}
 <img
-<<<<<<< HEAD
-  src="https://i.imgur.com/yXOvdOSs.jpg"
-=======
   src="https://react.dev/images/docs/scientists/yXOvdOSs.jpg"
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
   alt="Hedy Lamarr"
   className="photo"
 />
@@ -260,11 +236,7 @@ export default function TodoList() {
     <>
       <h1>Hedy Lamarr's Todos</h1>
       <img
-<<<<<<< HEAD
-        src="https://i.imgur.com/yXOvdOSs.jpg"
-=======
         src="https://react.dev/images/docs/scientists/yXOvdOSs.jpg"
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
         alt="Hedy Lamarr"
         className="photo"
       />

From d4425e98fda533eec193c77a1a9a8ac299c9f0e7 Mon Sep 17 00:00:00 2001
From: anilcanboga <anlcn.boga@hotmail.com>
Date: Sat, 27 Jun 2026 15:42:53 +0300
Subject: [PATCH 26/42] your-first-component.md

---
 src/content/learn/your-first-component.md | 9 +--------
 1 file changed, 1 insertion(+), 8 deletions(-)

diff --git a/src/content/learn/your-first-component.md b/src/content/learn/your-first-component.md
index 61bcfbc62..1031fc7cb 100644
--- a/src/content/learn/your-first-component.md
+++ b/src/content/learn/your-first-component.md
@@ -163,17 +163,10 @@ Hatta `Profile` bileşeni daha da fazla HTML içermektedir:: `<img />`. Sonuçta
 
 ```html
 <section>
-<<<<<<< HEAD
-  <h1>Muhteşem bilim insanları</h1>
-  <img src="https://i.imgur.com/MK3eW3As.jpg" alt="Katherine Johnson" />
-  <img src="https://i.imgur.com/MK3eW3As.jpg" alt="Katherine Johnson" />
-  <img src="https://i.imgur.com/MK3eW3As.jpg" alt="Katherine Johnson" />
-=======
-  <h1>Amazing scientists</h1>
+  <h1>Harika bilim insanları</h1>
   <img src="https://react.dev/images/docs/scientists/MK3eW3As.jpg" alt="Katherine Johnson" />
   <img src="https://react.dev/images/docs/scientists/MK3eW3As.jpg" alt="Katherine Johnson" />
   <img src="https://react.dev/images/docs/scientists/MK3eW3As.jpg" alt="Katherine Johnson" />
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
 </section>
 ```
 

From 01740bbdac99298c36b40bf9adbdbb7f8970d3ca Mon Sep 17 00:00:00 2001
From: anilcanboga <anlcn.boga@hotmail.com>
Date: Sat, 27 Jun 2026 15:43:03 +0300
Subject: [PATCH 27/42] Children.md

---
 src/content/reference/react/Children.md | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/src/content/reference/react/Children.md b/src/content/reference/react/Children.md
index 833c2c6e0..480d30ed0 100644
--- a/src/content/reference/react/Children.md
+++ b/src/content/reference/react/Children.md
@@ -492,11 +492,7 @@ Daha önce de belirtildiği gibi, `children` üzerinde işlem yaparken iç bir b
 
 ### Children’ı array’e dönüştürme {/*converting-children-to-an-array*/}
 
-<<<<<<< HEAD
-`Children.toArray(children)` fonksiyonunu çağırarak `children` veri yapısını normal bir JavaScript array’ine dönüştürebilirsiniz. Bu sayede, [`filter`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter), [`sort`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort) veya [`reverse`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/reverse) gibi yerleşik array metodlarını kullanarak üzerinde işlem yapabilirsiniz.
-=======
-Call `Children.toArray(children)` to turn the `children` data structure into a regular JavaScript array. This lets you manipulate the array with built-in array methods like [`filter`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter), [`sort`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort), or [`reverse`.](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/reverse)
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+`children` data structure’ını regular bir JavaScript array’e dönüştürmek için `Children.toArray(children)` çağırın. Bu, array’i [`filter`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter), [`sort`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort) veya [`reverse`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/reverse) gibi built-in array method’larıyla manipulate etmenizi sağlar.
 
 <Sandpack>
 

From da3c6b7928d03e02f74f9225f94ccd6103d90056 Mon Sep 17 00:00:00 2001
From: anilcanboga <anlcn.boga@hotmail.com>
Date: Sat, 27 Jun 2026 15:43:09 +0300
Subject: [PATCH 28/42] cloneElement.md

---
 src/content/reference/react/cloneElement.md | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/src/content/reference/react/cloneElement.md b/src/content/reference/react/cloneElement.md
index bfa17d7e3..4df3d104e 100644
--- a/src/content/reference/react/cloneElement.md
+++ b/src/content/reference/react/cloneElement.md
@@ -246,11 +246,7 @@ Children’ları clone etmek, veri akışının uygulamanızda nasıl ilerlediğ
 
 ### Render prop ile veri aktarımı {/*passing-data-with-a-render-prop*/}
 
-<<<<<<< HEAD
-`cloneElement` kullanmak yerine, `renderItem` gibi bir *render prop* kabul etmeyi düşünebilirsiniz. Burada `List`, `renderItem`’ı bir prop olarak alır. `List`, her item için `renderItem`’ı çağırır ve `isHighlighted`’ı bir argüman olarak geçirir:
-=======
-Instead of using `cloneElement`, consider accepting a *render prop* like `renderItem`. Here, `List` receives `renderItem` as a prop. `List` calls `renderItem` for every item and passes `isHighlighted` as an argument:
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+`cloneElement` kullanmak yerine, `renderItem` gibi bir *render prop* kabul etmeyi düşünün. Burada `List`, `renderItem`’ı prop olarak alır. `List`, her item için `renderItem`’ı çağırır ve `isHighlighted`’ı argument olarak pass eder:
 
 ```js {1,7}
 export default function List({ items, renderItem }) {

From ee6c990acce13975529eec30840b672d84828bf1 Mon Sep 17 00:00:00 2001
From: anilcanboga <anlcn.boga@hotmail.com>
Date: Sat, 27 Jun 2026 15:43:15 +0300
Subject: [PATCH 29/42] Component.md

---
 src/content/reference/react/Component.md | 19 ++++---------------
 1 file changed, 4 insertions(+), 15 deletions(-)

diff --git a/src/content/reference/react/Component.md b/src/content/reference/react/Component.md
index cb07ea4cb..816b3d9cc 100644
--- a/src/content/reference/react/Component.md
+++ b/src/content/reference/react/Component.md
@@ -724,11 +724,7 @@ React'e yeniden rendermanın atlanabileceğini söylemek için `false` döndür
 
 #### Uyarılar {/*shouldcomponentupdate-caveats*/}
 
-<<<<<<< HEAD
-- Bu metod *yalnızca* bir performans optimizasyonu olarak mevcuttur. Bileşeniniz onsuz bozuluyorsa, önce onu düzeltin.
-=======
-- This method *only* exists as a performance optimization. If your component breaks without it, fix that first.
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+- Bu method *yalnızca* bir performance optimization olarak vardır. Component’iniz onsuz bozuluyorsa, önce bunu fix edin.
 
 - `shouldComponentUpdate`'i elle yazmak yerine [`PureComponent`](/reference/react/PureComponent) kullanmayı düşünün. `PureComponent`, prop'ları ve state'i yüzeysel olarak karşılaştırır ve gerekli bir güncellemeyi atlama şansınızı azaltır.
 
@@ -1278,17 +1274,10 @@ Varsayılan olarak, uygulamanız renderlama sırasında bir hata fırlatırsa, R
 <Note>
 Hata sınırları şunlar için hataları yakalamaz:
 
-<<<<<<< HEAD
-- Olay işleyicileri [(daha fazla bilgi)](/learn/responding-to-events)
-- [Sunucu taraflı renderlama](/reference/react-dom/server)
-- Hata sınırının kendisinde (alt bileşenleri yerine) fırlatılan hatalar
-- Asenkron kod (örneğin `setTimeout` veya `requestAnimationFrame` geri çağrıları); bunun bir istisnası [`useTransition`](/reference/react/useTransition) Hook'u tarafından döndürülen [`startTransition`](/reference/react/useTransition#starttransition) fonksiyonunun kullanımıdır. Geçiş fonksiyonu içinde fırlatılan hatalar hata sınırları tarafından yakalanır [(daha fazla bilgi)](/reference/react/useTransition#displaying-an-error-to-users-with-error-boundary)
-=======
-- Event handlers [(learn more)](/learn/responding-to-events)
+- Event handler’lar [(daha fazla bilgi edinin)](/learn/responding-to-events)
 - [Server side rendering](/reference/react-dom/server)
-- Errors thrown in the error boundary itself (rather than its children)
-- Asynchronous code (e.g. `setTimeout` or `requestAnimationFrame` callbacks); an exception is the usage of the [`startTransition`](/reference/react/useTransition#starttransition) function returned by the [`useTransition`](/reference/react/useTransition) Hook. Errors thrown inside the transition function are caught by error boundaries [(learn more)](/reference/react/useTransition#displaying-an-error-to-users-with-error-boundary)
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+- Error boundary’nin kendisinde throw edilen error’lar (children’larında değil)
+- Asynchronous code (örn. `setTimeout` veya `requestAnimationFrame` callback’leri); bir exception, [`useTransition`](/reference/react/useTransition) Hook’u tarafından return edilen [`startTransition`](/reference/react/useTransition#starttransition) function’ının kullanımıdır. Transition function içinde throw edilen error’lar error boundary’ler tarafından catch edilir [(daha fazla bilgi edinin)](/reference/react/useTransition#displaying-an-error-to-users-with-error-boundary)
 
 </Note>
 

From 1a79c5fd032fed665e42081521b64bad5753b8dd Mon Sep 17 00:00:00 2001
From: anilcanboga <anlcn.boga@hotmail.com>
Date: Sat, 27 Jun 2026 15:43:21 +0300
Subject: [PATCH 30/42] createContext.md

---
 src/content/reference/react/createContext.md | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/src/content/reference/react/createContext.md b/src/content/reference/react/createContext.md
index 140e7666f..246f8084c 100644
--- a/src/content/reference/react/createContext.md
+++ b/src/content/reference/react/createContext.md
@@ -63,11 +63,7 @@ function App() {
 
 <Note>
 
-<<<<<<< HEAD
-React 19'dan itibaren, `<SomeContext>` öğesini bir sağlayıcı olarak oluşturabilirsiniz.
-=======
-Starting in React 19, you can render `<SomeContext>` as a provider.
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+React 19’dan itibaren, `<SomeContext>`’i provider olarak render edebilirsiniz.
 
 React'in eski sürümlerinde `<SomeContext.Provider>` kullanın.
 

From 652422f282c2d759d875e797465e7d7ef93fd6a1 Mon Sep 17 00:00:00 2001
From: anilcanboga <anlcn.boga@hotmail.com>
Date: Sat, 27 Jun 2026 15:43:27 +0300
Subject: [PATCH 31/42] Fragment.md

---
 src/content/reference/react/Fragment.md | 30 +++++++------------------
 1 file changed, 8 insertions(+), 22 deletions(-)

diff --git a/src/content/reference/react/Fragment.md b/src/content/reference/react/Fragment.md
index 0432d8058..13fc222c9 100644
--- a/src/content/reference/react/Fragment.md
+++ b/src/content/reference/react/Fragment.md
@@ -4,11 +4,7 @@ title: <Fragment> (<>...</>)
 
 <Intro>
 
-<<<<<<< HEAD
-`<Fragment>`, genellikle `<>...</>` sözdizimiyle kullanılır, öğeleri sarmalayıcı bir düğüm olmadan gruplamanı sağlar.  
-=======
-`<Fragment>`, often used via `<>...</>` syntax, lets you group elements without a wrapper node.
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+Genellikle `<>...</>` syntax’ı ile kullanılan `<Fragment>`, element’leri wrapper node olmadan group etmenizi sağlar.
 
 <Canary> Fragment'ler ayrıca ref'leri de kabul edebilir, bu da sarmalayıcı öğe eklemeden alt DOM düğümleriyle etkileşimde bulunmanı sağlar. Aşağıda referans ve kullanım örneklerini görebilirsin. </Canary>
 
@@ -45,23 +41,13 @@ Fragment'e bir ref verdiğinde, React Fragment tarafından sarılan DOM düğüm
 - `removeEventListener(type, listener, options?)`: Fragment'in tüm birinci seviyedeki DOM çocuklarından bir olay dinleyici kaldırır.  
 - `dispatchEvent(event)`: Fragment'in sanal bir çocuğuna bir olay gönderir; eklenen dinleyicileri çağırır ve DOM üstüne kabarcık yapabilir.
 
-<<<<<<< HEAD
-**Düzen (layout) yöntemleri:**
-- `compareDocumentPosition(otherNode)`: Fragment'in belge konumunu başka bir düğümle karşılaştırır.  
-  - Fragment çocuklara sahipse, native `compareDocumentPosition` değeri döndürülür.  
-  - Boş Fragment'ler, React ağacı içindeki konumu karşılaştırmayı dener ve `Node.DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC` içerir.  
-  - React ağacı ile DOM ağacı arasında portaling veya diğer eklemeler nedeniyle farklı ilişkiye sahip öğeler `Node.DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC` olur.  
-- `getClientRects()`: Tüm çocukların sınır dikdörtgenlerini temsil eden düz bir `DOMRect` dizisi döndürür.  
-- `getRootNode()`: Fragment'in üst DOM düğümünü içeren kök düğümü döndürür.
-=======
-**Layout methods:**
-- `compareDocumentPosition(otherNode)`: Compares the document position of the Fragment with another node.
-  - If the Fragment has children, the native `compareDocumentPosition` value is returned.
-  - Empty Fragments will attempt to compare positioning within the React tree and include `Node.DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC`.
-  - Elements that have a different relationship in the React tree and DOM tree due to portaling or other insertions are `Node.DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC`.
-- `getClientRects()`: Returns a flat array of `DOMRect` objects representing the bounding rectangles of all children.
-- `getRootNode()`: Returns the root node containing the Fragment's parent DOM node.
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+**Layout method’ları:**
+- `compareDocumentPosition(otherNode)`: Fragment’in document position’ını başka bir node ile compare eder.
+  - Fragment’in children’ları varsa, native `compareDocumentPosition` value’su return edilir.
+  - Empty Fragment’ler React tree içinde positioning’i compare etmeye çalışır ve `Node.DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC` içerir.
+  - Portaling veya diğer insertion’lar nedeniyle React tree ve DOM tree içinde farklı relationship’e sahip element’ler `Node.DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC` olur.
+- `getClientRects()`: Tüm children’ların bounding rectangle’larını temsil eden `DOMRect` object’lerinden oluşan flat bir array return eder.
+- `getRootNode()`: Fragment’in parent DOM node’unu içeren root node’u return eder.
 
 **Odak (focus) yönetimi yöntemleri:**
 - `focus(options?)`: Fragment'teki ilk odaklanabilir DOM düğümünü odaklar. Odak derinlemesine, çocuklar üzerinde denenir.  

From d740632ecc051680584498b9241884cced83b198 Mon Sep 17 00:00:00 2001
From: anilcanboga <anlcn.boga@hotmail.com>
Date: Sat, 27 Jun 2026 15:43:32 +0300
Subject: [PATCH 32/42] Suspense.md

---
 src/content/reference/react/Suspense.md | 72 +++++--------------------
 1 file changed, 12 insertions(+), 60 deletions(-)

diff --git a/src/content/reference/react/Suspense.md b/src/content/reference/react/Suspense.md
index 7672e1496..0f9e5b538 100644
--- a/src/content/reference/react/Suspense.md
+++ b/src/content/reference/react/Suspense.md
@@ -216,11 +216,7 @@ Suspense, veri bir efekt ya da olay yöneticisi içinde fetch edildiğinde **tes
 
 Yukarıdaki `Albums` bileşeninin içinde veri yüklemek için kullanacağınız tam yol framework'ünüze bağlıdır. Eğer Suspense özellikli bir framework kullanıyorsanız, detayları framwork'ün veri fetch etme dokümantasyonunda bulabilirsiniz.
 
-<<<<<<< HEAD
-Kanaat sahibi bir framework olmadan Suspense özellikli veri fetch etme henüz desteklenmiyor. Suspense özellikli bir veri kaynağı implement etmenin gereksinimleri henüz düzensiz ve belgelenmemiş durumda. Veri kaynaklarını Suspense ile entegre etmek için resmi bir API, React'in gelecek sürümlerinde yayınlanacaktır. 
-=======
-Suspense-enabled data fetching without the use of an opinionated framework is not yet supported. The requirements for implementing a Suspense-enabled data source are unstable and undocumented. An official API for integrating data sources with Suspense will be released in a future version of React.
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+Opinionated bir framework kullanmadan Suspense-enabled data fetching henüz support edilmemektedir. Suspense-enabled bir data source implement etmek için gereken requirements unstable ve undocumented durumdadır. Data source’ları Suspense ile integrate etmek için official API, React’in future bir version’ında release edilecektir.
 
 </Note>
 
@@ -367,17 +363,9 @@ async function getBio() {
     setTimeout(resolve, 1500);
   });
 
-<<<<<<< HEAD
-  return `The Beatles, Liverpool'da 1960'da 
-    kurulmuş, John Lennon, Paul McCartney, 
-    George Harrison ve Ringo Starr'dan oluşan
-    bir İngiliz rock grubuydu.`;
-=======
-  return `The Beatles were an English rock band,
-    formed in Liverpool in 1960, that comprised
+  return `The Beatles, 1960 yılında Liverpool’da kurulan,
     John Lennon, Paul McCartney, George Harrison
-    and Ringo Starr.`;
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+    ve Ringo Starr’dan oluşan İngiliz bir rock band’di.`;
 }
 
 async function getAlbums() {
@@ -636,17 +624,9 @@ async function getBio() {
     setTimeout(resolve, 500);
   });
 
-<<<<<<< HEAD
-  return `The Beatles, Liverpool'da 1960'da 
-    kurulmuş, John Lennon, Paul McCartney, 
-    George Harrison ve Ringo Starr'dan oluşan
-    bir İngiliz rock grubuydu.`;
-=======
-  return `The Beatles were an English rock band,
-    formed in Liverpool in 1960, that comprised
+  return `The Beatles, 1960 yılında Liverpool’da kurulan,
     John Lennon, Paul McCartney, George Harrison
-    and Ringo Starr.`;
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+    ve Ringo Starr’dan oluşan İngiliz bir rock band’di.`;
 }
 
 async function getAlbums() {
@@ -896,11 +876,7 @@ input { margin: 10px; }
 
 </Sandpack>
 
-<<<<<<< HEAD
-Yaygın bir alternatif kullanıcı arayüzü modeli listeyi güncellemeyi *ertelemek* ve yeni sonuçlar hazır olana kadar önceki sonuçları göstermeye devam etmektir. [`useDeferredValue`](/reference/react/useDeferredValue) Hook'u sorgunun ertelenmiş bir sürümünü aşağıya geçirmenizi sağlar:
-=======
-A common alternative UI pattern is to *defer* updating the list and to keep showing the previous results until the new results are ready. The [`useDeferredValue`](/reference/react/useDeferredValue) Hook lets you pass a deferred version of the query down:
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+Yaygın bir alternative UI pattern, list’i update etmeyi *defer* etmek ve yeni result’lar hazır olana kadar previous result’ları göstermeye devam etmektir. [`useDeferredValue`](/reference/react/useDeferredValue) Hook’u, query’nin deferred bir version’ını aşağıya pass etmenizi sağlar:
 
 ```js {3,11}
 export default function App() {
@@ -1274,17 +1250,9 @@ async function getBio() {
     setTimeout(resolve, 500);
   });
 
-<<<<<<< HEAD
-  return `The Beatles, Liverpool'da 1960'da 
-    kurulmuş, John Lennon, Paul McCartney, 
-    George Harrison ve Ringo Starr'dan oluşan
-    bir İngiliz rock grubuydu.`;
-=======
-  return `The Beatles were an English rock band,
-    formed in Liverpool in 1960, that comprised
+  return `The Beatles, 1960 yılında Liverpool’da kurulan,
     John Lennon, Paul McCartney, George Harrison
-    and Ringo Starr.`;
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+    ve Ringo Starr’dan oluşan İngiliz bir rock band’di.`;
 }
 
 async function getAlbums() {
@@ -1593,17 +1561,9 @@ async function getBio() {
     setTimeout(resolve, 500);
   });
 
-<<<<<<< HEAD
-  return `The Beatles, Liverpool'da 1960'da 
-    kurulmuş, John Lennon, Paul McCartney, 
-    George Harrison ve Ringo Starr'dan oluşan
-    bir İngiliz rock grubuydu.`;
-=======
-  return `The Beatles were an English rock band,
-    formed in Liverpool in 1960, that comprised
+  return `The Beatles, 1960 yılında Liverpool’da kurulan,
     John Lennon, Paul McCartney, George Harrison
-    and Ringo Starr.`;
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+    ve Ringo Starr’dan oluşan İngiliz bir rock band’di.`;
 }
 
 async function getAlbums() {
@@ -1911,17 +1871,9 @@ async function getBio() {
     setTimeout(resolve, 500);
   });
 
-<<<<<<< HEAD
-  return `The Beatles, Liverpool'da 1960'da 
-    kurulmuş, John Lennon, Paul McCartney, 
-    George Harrison ve Ringo Starr'dan oluşan
-    bir İngiliz rock grubuydu.`;
-=======
-  return `The Beatles were an English rock band,
-    formed in Liverpool in 1960, that comprised
+  return `The Beatles, 1960 yılında Liverpool’da kurulan,
     John Lennon, Paul McCartney, George Harrison
-    and Ringo Starr.`;
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+    ve Ringo Starr’dan oluşan İngiliz bir rock band’di.`;
 }
 
 async function getAlbums() {

From 9a5709195fc7345f9fb14935bf96c839cd72cc8a Mon Sep 17 00:00:00 2001
From: anilcanboga <anlcn.boga@hotmail.com>
Date: Sat, 27 Jun 2026 15:43:41 +0300
Subject: [PATCH 33/42] use.md

---
 src/content/reference/react/use.md | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/src/content/reference/react/use.md b/src/content/reference/react/use.md
index fec8f0b9e..2690cb267 100644
--- a/src/content/reference/react/use.md
+++ b/src/content/reference/react/use.md
@@ -460,11 +460,7 @@ Bunun yerine, `use` fonksiyonunu herhangi bir bileşen kapanışının dışınd
 
 ```jsx
 function MessageComponent({messagePromise}) {
-<<<<<<< HEAD
-  // ✅ `use` bir bileşen içerisine çağırılıyor. 
-=======
-  // ✅ `use` is being called from a component.
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+  // ✅ `use`, bir component içinden çağrılıyor.
   const message = use(messagePromise);
   // ...
 ```
\ No newline at end of file

From 7c7961e2dffb0e181997c193f1905d1f250336b9 Mon Sep 17 00:00:00 2001
From: anilcanboga <anlcn.boga@hotmail.com>
Date: Sat, 27 Jun 2026 15:43:46 +0300
Subject: [PATCH 34/42] useEffect.md

---
 src/content/reference/react/useEffect.md | 20 ++++----------------
 1 file changed, 4 insertions(+), 16 deletions(-)

diff --git a/src/content/reference/react/useEffect.md b/src/content/reference/react/useEffect.md
index 1c963f804..6f6d2a6c9 100644
--- a/src/content/reference/react/useEffect.md
+++ b/src/content/reference/react/useEffect.md
@@ -44,13 +44,9 @@ function ChatRoom({ roomId }) {
 
 #### Parametreler {/*parameters*/}
 
-<<<<<<< HEAD
-* `setup`: Effect’inizin mantığını içeren fonksiyondur. `setup` fonksiyonunuz isteğe bağlı olarak bir *cleanup* (temizleme) fonksiyonu da döndürebilir. Bileşeniniz [commit edildiğinde](/learn/render-and-commit#step-3-react-commits-changes-to-the-dom), React `setup` fonksiyonunu çalıştırır. Bağımlılıkları değişen her commit’ten sonra React, önce (varsa) eski değerlerle *cleanup* fonksiyonunu çalıştırır, ardından yeni değerlerle `setup` fonksiyonunu tekrar çalıştırır. Bileşeniniz DOM’dan kaldırıldıktan sonra ise React *cleanup* fonksiyonunu çalıştırır.
-=======
-* `setup`: The function with your Effect's logic. Your setup function may also optionally return a *cleanup* function. When your [component commits](/learn/render-and-commit#step-3-react-commits-changes-to-the-dom), React will run your setup function. After every commit with changed dependencies, React will first run the cleanup function (if you provided it) with the old values, and then run your setup function with the new values. After your component is removed from the DOM, React will run your cleanup function.
+* `setup`: Effect’inizin logic’ini içeren function. Setup function’ınız optional olarak bir *cleanup* function da return edebilir. [Component’iniz commit edildiğinde](/learn/render-and-commit#step-3-react-commits-changes-to-the-dom), React setup function’ınızı çalıştırır. Dependencies değişmiş şekilde yapılan her commit’ten sonra, React önce eski value’larla cleanup function’ı çalıştırır (eğer sağladıysanız), ardından yeni value’larla setup function’ınızı çalıştırır. Component’iniz DOM’dan kaldırıldıktan sonra React cleanup function’ınızı çalıştırır.
 
-* **optional** `dependencies`: The list of all reactive values referenced inside of the `setup` code. Reactive values include props, state, and all the variables and functions declared directly inside your component body. If your linter is [configured for React](/learn/editor-setup#linting), it will verify that every reactive value is correctly specified as a dependency. The list of dependencies must have a constant number of items and be written inline like `[dep1, dep2, dep3]`. React will compare each dependency with its previous value using the [`Object.is`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is) comparison. If you omit this argument, your Effect will re-run after every commit of the component. [See the difference between passing an array of dependencies, an empty array, and no dependencies at all.](#examples-dependencies)
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+* **optional** `dependencies`: `setup` code’u içinde referans verilen tüm reactive value’ların listesi. Reactive value’lar props, state ve component body’nizin doğrudan içinde declare edilen tüm variable ve function’ları içerir. Linter’ınız [React için yapılandırılmışsa](/learn/editor-setup#linting), her reactive value’nun dependency olarak doğru şekilde belirtildiğini verify eder. Dependencies listesi constant sayıda item’a sahip olmalı ve `[dep1, dep2, dep3]` gibi inline yazılmalıdır. React, her dependency’yi previous value’su ile [`Object.is`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is) comparison’ını kullanarak compare eder. Bu argument’i omit ederseniz, Effect’iniz component’in her commit’inden sonra tekrar run edilir. [Dependencies array’i, empty array ve hiç dependency pass etmeme arasındaki farkı görün.](#examples-dependencies)
 
 * **opsiyonel** `dependencies`: `setup` kodu içinde referans verilen tüm **reactive values**’ların listesidir. Reactive values; props, state ve bileşen gövdesi içinde doğrudan tanımlanan tüm değişkenler ve fonksiyonları kapsar. Eğer linter’ınız [React için yapılandırılmışsa](/learn/editor-setup#linting), her reactive value’nun dependency olarak doğru şekilde belirtildiğini doğrular. Dependency listesi sabit sayıda öğe içermeli ve `[dep1, dep2, dep3]` şeklinde inline olarak yazılmalıdır. React, her bir dependency’yi önceki değeriyle [`Object.is`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is) karşılaştırması kullanarak kıyaslar. Bu argümanı atladığınızda, Effect’iniz bileşenin her commit’inden sonra yeniden çalışır. [Dependency array verilmesi, boş array verilmesi ve hiç dependency verilmemesi arasındaki farkı inceleyin.](#examples-dependencies)
 
@@ -116,11 +112,7 @@ function ChatRoom({ roomId }) {
    - Ardından, <CodeStep step={1}>setup code</CodeStep> yeni props ve state değerleriyle çalışır.
 3. Bileşeniniz sayfadan kaldırıldıktan *(unmount olduktan)* sonra <CodeStep step={2}>cleanup code</CodeStep> son bir kez daha çalışır.
 
-<<<<<<< HEAD
-**Yukarıdaki örneği biraz açıklayalım.**  
-=======
-**Let's illustrate this sequence for the example above.**
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+**Yukarıdaki example için bu sequence’i illustrate edelim.**
 
 Yukarıdaki `ChatRoom` bileşeni sayfaya eklendiğinde, başlangıçtaki `serverUrl` ve `roomId` ile chat odasına bağlanır. Eğer bir commit sonucunda `serverUrl` veya `roomId` değişirse (örneğin kullanıcı bir dropdown üzerinden farklı bir chat odası seçerse), Effect’iniz *önce önceki odadan bağlantıyı keser, ardından yeni odaya bağlanır.* `ChatRoom` bileşeni sayfadan kaldırıldığında ise Effect’iniz son bir kez daha bağlantıyı keser.
 
@@ -1448,11 +1440,7 @@ function Counter() {
 }
 ```
 
-<<<<<<< HEAD
-`count` reaktif bir değer olduğundan, bağımlılık listesinde belirtilmek zorundadır. Ancak bu durum, Effect'in her `count` değiştiğinde temizleme kurulum yapmasına neden olur. Bu ideal bir durum değildir.
-=======
-Since `count` is a reactive value, it must be specified in the list of dependencies. However, that causes the Effect to cleanup and setup again every time the `count` changes. This is not ideal.
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+`count` reactive bir value olduğu için, dependencies listesinde belirtilmelidir. Ancak bu, `count` her değiştiğinde Effect’in cleanup ve setup işlemlerini tekrar yapmasına neden olur. Bu ideal değildir.
 
 Bunu düzeltmek için, [`c => c + 1` state güncelleyecisini](/reference/react/useState#updating-state-based-on-the-previous-state) `setCount`'a iletin:
 

From 5de40eb75432f9b84e9ac250d81c8bf2d015c8e4 Mon Sep 17 00:00:00 2001
From: anilcanboga <anlcn.boga@hotmail.com>
Date: Sat, 27 Jun 2026 15:43:52 +0300
Subject: [PATCH 35/42] useId.md

---
 src/content/reference/react/useId.md | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/src/content/reference/react/useId.md b/src/content/reference/react/useId.md
index 73eb5e65c..9724e99e6 100644
--- a/src/content/reference/react/useId.md
+++ b/src/content/reference/react/useId.md
@@ -193,11 +193,7 @@ React'ta `useId`'nin değeri, çağrıldığı bileşenin ağaç içindeki hiyer
 
 ### Birkaç ilişkili element için kimlik üretmek {/*generating-ids-for-several-related-elements*/}
 
-<<<<<<< HEAD
-Bir takım ilişkili elemente kimlik vermeniz gerekiyorsa, `useId`'yi çağırarak ürettiğiniz kimliği sonekler ile özelleştirebilirsiniz:
-=======
-If you need to give IDs to multiple related elements, you can call `useId` to generate a shared prefix for them:
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+Birden fazla related element’e ID vermeniz gerekiyorsa, onlar için shared bir prefix generate etmek üzere `useId` çağırabilirsiniz:
 
 <Sandpack>
 

From 1c1859259e6454346f0f4eb78b8db48c6188914c Mon Sep 17 00:00:00 2001
From: anilcanboga <anlcn.boga@hotmail.com>
Date: Sat, 27 Jun 2026 15:43:57 +0300
Subject: [PATCH 36/42] useImperativeHandle.md

---
 src/content/reference/react/useImperativeHandle.md | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/src/content/reference/react/useImperativeHandle.md b/src/content/reference/react/useImperativeHandle.md
index 41c17ed0f..81bdc2aae 100644
--- a/src/content/reference/react/useImperativeHandle.md
+++ b/src/content/reference/react/useImperativeHandle.md
@@ -46,11 +46,7 @@ function MyInput({ ref }) {
 
 <Note>
 
-<<<<<<< HEAD
-React 19 ile birlikte, [`ref` bir prop olarak mevcuttur.](/blog/2024/12/05/react-19#ref-as-a-prop) React 18 ve öncesinde, `ref`'i [`forwardRef`'den](/reference/react/forwardRef) almak gerekiyordu.
-=======
-Starting with React 19, [`ref` is available as a prop.](/blog/2024/12/05/react-19#ref-as-a-prop) In React 18 and earlier, it was necessary to get the `ref` from [`forwardRef`.](/reference/react/forwardRef)
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+React 19 ile birlikte, [`ref` prop olarak available hale geldi.](/blog/2024/12/05/react-19#ref-as-a-prop) React 18 ve önceki version’larda, `ref`’i [`forwardRef`](/reference/react/forwardRef)’ten almak gerekiyordu.
 
 </Note>
 

From c611e9c32eed1eff12768d096a730ad8520aefee Mon Sep 17 00:00:00 2001
From: anilcanboga <anlcn.boga@hotmail.com>
Date: Sat, 27 Jun 2026 15:44:02 +0300
Subject: [PATCH 37/42] useInsertionEffect.md

---
 src/content/reference/react/useInsertionEffect.md | 11 +++--------
 1 file changed, 3 insertions(+), 8 deletions(-)

diff --git a/src/content/reference/react/useInsertionEffect.md b/src/content/reference/react/useInsertionEffect.md
index c3288c0e8..40da46480 100644
--- a/src/content/reference/react/useInsertionEffect.md
+++ b/src/content/reference/react/useInsertionEffect.md
@@ -44,14 +44,9 @@ function useCSS(rule) {
 
 #### Parametreler {/*parameters*/}
 
-<<<<<<< HEAD
-* `setup`: Effect mantığınızı içeren fonksiyon. Setup fonksiyonunuz isteğe bağlı olarak bir *temizlik* fonksiyonu döndürebilir.  Bileşeniniz DOM'a eklenmeden önce, React setup fonksiyonunuzu çalışıtıracak. Değişen bağımlılıklarla her yeniden render işleminde, React önce (varsa) temizlik işlevinizi eski değerlerle çalıştıracak, ardından setup fonksiyonunuzu yeni değerlerle çalıştıracaktır. Bileşeniniz DOM'dan kaldırıldığında, React temizlik fonksiyonunuzu çalıştıracaktır.
-* **opsiyonel** `bağımlılıklar`: `setup` kodunun içinde referans verilen tüm reaktif değerlerin listesi. Reaktif değerler, props, state ve direkt olarak bileşen içinde belirtilen tüm değişkenleri ve fonksiyonları içerir. Eğer linteriniz [React için yapılandırılmış](/learn/editor-setup#linting), her reaktif değerin bağımlılık olarak doğru şekilde belirtildiğini doğrulayacaktır. Bağımlılıkların listesi sabit sayıda ögeye sahip olmalı ve `[dep1, dep2, dep3]` gibi sıralı şekilde yazılmalıdır. React [`Object.is`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is) karşılaştırma algoritmasını kullanarak her bağımlılığı önceki değeriyle karşılaştıracak. Bağımlılıkları hiç belirtmezseniz, Efektiniz bileşenin her yeniden render işleminde tekrar çalışacaktır.
-=======
-* `setup`: The function with your Effect's logic. Your setup function may also optionally return a *cleanup* function. When your component is added to the DOM, but before any layout Effects fire, React will run your setup function. After every re-render with changed dependencies, React will first run the cleanup function (if you provided it) with the old values, and then run your setup function with the new values. When your component is removed from the DOM, React will run your cleanup function.
-
-* **optional** `dependencies`: The list of all reactive values referenced inside of the `setup` code. Reactive values include props, state, and all the variables and functions declared directly inside your component body. If your linter is [configured for React](/learn/editor-setup#linting), it will verify that every reactive value is correctly specified as a dependency. The list of dependencies must have a constant number of items and be written inline like `[dep1, dep2, dep3]`. React will compare each dependency with its previous value using the [`Object.is`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is) comparison algorithm. If you don't specify the dependencies at all, your Effect will re-run after every re-render of the component.
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+* `setup`: Effect’inizin logic’ini içeren function. Setup function’ınız optional olarak bir *cleanup* function da return edebilir. Component’iniz DOM’a eklendiğinde, ancak herhangi bir layout Effect fire etmeden önce, React setup function’ınızı çalıştırır. Dependencies değişmiş şekilde yapılan her re-render’dan sonra, React önce eski value’larla cleanup function’ı çalıştırır (eğer sağladıysanız), ardından yeni value’larla setup function’ınızı çalıştırır. Component’iniz DOM’dan kaldırıldığında React cleanup function’ınızı çalıştırır.
+
+* **optional** `dependencies`: `setup` code’u içinde referans verilen tüm reactive value’ların listesi. Reactive value’lar props, state ve component body’nizin doğrudan içinde declare edilen tüm variable ve function’ları içerir. Linter’ınız [React için yapılandırılmışsa](/learn/editor-setup#linting), her reactive value’nun dependency olarak doğru şekilde belirtildiğini verify eder. Dependencies listesi constant sayıda item’a sahip olmalı ve `[dep1, dep2, dep3]` gibi inline yazılmalıdır. React, her dependency’yi previous value’su ile [`Object.is`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is) comparison algorithm’ını kullanarak compare eder. Dependencies’i hiç specify etmezseniz, Effect’iniz component’in her re-render’ından sonra tekrar run edilir.
 
 #### Dönüş Değerleri {/*returns*/}
 

From d20df8c83024ee551f0382ef159eb8beef534ebe Mon Sep 17 00:00:00 2001
From: anilcanboga <anlcn.boga@hotmail.com>
Date: Sat, 27 Jun 2026 15:44:07 +0300
Subject: [PATCH 38/42] useReducer.md

---
 src/content/reference/react/useReducer.md | 12 +++---------
 1 file changed, 3 insertions(+), 9 deletions(-)

diff --git a/src/content/reference/react/useReducer.md b/src/content/reference/react/useReducer.md
index 88f2e5ab9..af1371a3e 100644
--- a/src/content/reference/react/useReducer.md
+++ b/src/content/reference/react/useReducer.md
@@ -38,15 +38,9 @@ function MyComponent() {
 
 #### Parametreler {/*parameters*/}
 
-<<<<<<< HEAD
-* `reducer`: State'in nasıl güncelleneceğini belirleyen reducer fonksiyonudur. Saf hâlde (pure) olmalı, state'i ve işlemi(action) argüman olarak almalı ve bir sonraki state'i döndürmelidir. State ve işlem herhangi bir tür olabilir.
-* `initialArg`: Başlangıç state'inin hesaplandığı değerdir. Herhangi bir türden bir değer olabilir. Başlangıç state'inin nasıl hesaplandığı, sonraki `init` argümanına bağlıdır.
-* **isteğe bağlı** `init`: Başlangıç state'ini döndürmesi gereken başlatıcı fonksiyondur. Belirtilmezse, başlangıç state'i `initialArg` olarak ayarlanır. Aksi takdirde, başlangıç state'i `init(initialArg)` çağrısının sonucuna ayarlanır.
-=======
-* `reducer`: The reducer function that specifies how the state gets updated. It must be pure, should take the state and action as arguments, and should return the next state. State and action can be of any types.
-* `initialArg`: The value from which the initial state is calculated. It can be a value of any type. How the initial state is calculated from it depends on the next `init` argument.
-* **optional** `init`: The initializer function that should return the initial state. If it's not specified, the initial state is set to `initialArg`. Otherwise, the initial state is set to the result of calling `init(initialArg)`.
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+* `reducer`: State’in nasıl update edileceğini belirten reducer function. Pure olmalıdır, state ve action’ı argument olarak almalı ve next state’i return etmelidir. State ve action herhangi bir type’ta olabilir.
+* `initialArg`: Initial state’in hesaplandığı value. Herhangi bir type’ta value olabilir. Initial state’in bundan nasıl hesaplanacağı, sonraki `init` argument’ına bağlıdır.
+* **optional** `init`: Initial state’i return etmesi gereken initializer function. Belirtilmezse, initial state `initialArg` olarak set edilir. Aksi halde initial state, `init(initialArg)` çağrısının result’ı olarak set edilir.
 
 #### Dönüş değerleri {/*returns*/}
 

From fd7d000c44b1b641a0fcd785255954aca0dd393a Mon Sep 17 00:00:00 2001
From: anilcanboga <anlcn.boga@hotmail.com>
Date: Sat, 27 Jun 2026 15:44:16 +0300
Subject: [PATCH 39/42] useSyncExternalStore.md

---
 src/content/reference/react/useSyncExternalStore.md | 12 ++----------
 1 file changed, 2 insertions(+), 10 deletions(-)

diff --git a/src/content/reference/react/useSyncExternalStore.md b/src/content/reference/react/useSyncExternalStore.md
index 3569942ae..98433964a 100644
--- a/src/content/reference/react/useSyncExternalStore.md
+++ b/src/content/reference/react/useSyncExternalStore.md
@@ -109,11 +109,7 @@ Veri deposundaki verilerin <CodeStep step={3}>anlık görüntüsünü</CodeStep>
 
 React, bu fonksiyonları kullanarak bileşeninizi depoya abone tutar ve değişikliklerde yeniden render eder.
 
-<<<<<<< HEAD
-Aşağıdaki örnekte `todosStore`, React'ın dışında veri tutan harici bir depo olacak şekilde implemente edilmiştir. `TodosApp` bileşeni `useSyncExternalStore` Hook'u ile harici depo ile bağlantı kurar. 
-=======
-For example, in the sandbox below, `todosStore` is implemented as an external store that stores data outside of React. The `TodosApp` component connects to that external store with the `useSyncExternalStore` Hook.
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+Örneğin, aşağıdaki sandbox’ta `todosStore`, data’yı React dışında store eden bir external store olarak implement edilmiştir. `TodosApp` component’i, `useSyncExternalStore` Hook’u ile bu external store’a connect olur.
 
 <Sandpack>
 
@@ -430,12 +426,8 @@ function ChatIndicator() {
   // ...
 }
 ```
-<<<<<<< HEAD
-Yeniden render'lar arasında farklı bir `subscribe` fonksiyonu iletirseniz, React deponuza yeniden abone olur. Bu durum performans sorunlarına neden oluyorsa ve sürekli abone olmaktan kaçınmak istiyorsanız, `subscribe` fonksiyonunu bileşen dışına taşıyın:
-=======
 
-React will resubscribe to your store if you pass a different `subscribe` function between re-renders. If this causes performance issues and you'd like to avoid resubscribing, move the `subscribe` function outside:
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+Re-render’lar arasında farklı bir `subscribe` function pass ederseniz, React store’unuza yeniden subscribe olur. Bu performance issue’lara neden oluyorsa ve yeniden subscribe olmaktan kaçınmak istiyorsanız, `subscribe` function’ını dışarı taşıyın:
 
 ```js {1-4}
 // ✅ Her zaman aynı işlev olduğu için, React yeniden abone olmaya ihtiyaç duymaz.

From 41ee1af17f33992932ea76ba4a6906ef9b6d589a Mon Sep 17 00:00:00 2001
From: anilcanboga <anlcn.boga@hotmail.com>
Date: Sat, 27 Jun 2026 15:44:22 +0300
Subject: [PATCH 40/42] common.md

---
 .../reference/react-dom/components/common.md  | 380 ++++++------------
 1 file changed, 123 insertions(+), 257 deletions(-)

diff --git a/src/content/reference/react-dom/components/common.md b/src/content/reference/react-dom/components/common.md
index 6ab36c5d4..ac2cedd9a 100644
--- a/src/content/reference/react-dom/components/common.md
+++ b/src/content/reference/react-dom/components/common.md
@@ -39,238 +39,120 @@ title: "Ortak bileşenler (örn. <div>)"
 * `style`: CSS biçimlerini taşıyan bir nesne, örneğin `{ fontWeight: 'bold', margin: 20 }`. DOM'un [`style`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) özelliğine benzer olarak, CSS özellik isimleri `camelCase` olarak yazılmalıdır, örneğin `font-weight` yerine `fontWeight`. Değerleri string veya sayı olarak verebilirsiniz. `width: 100` şeklinde bir sayı verdiğinizde, eğer [birimsiz özellik](https://github.com/facebook/react/blob/81d4ee9ca5c405dce62f64e61506b8e155f38d8d/packages/react-dom-bindings/src/shared/CSSProperty.js#L8-L57) değilse, React bu sayıya otomatik olarak `px` ("piksel")'i ekler. `style`'ı yalnızca, biçim değerlerini önceden bilmediğiniz dinamik biçimler için kullanmanızı tavsiye ediyoruz. Diğer durumlarda ise `className` ile düz CSS sınıfları uygulamak daha verimli. [`className` and `style` ile ilgili daha fazlasını okuyun.](#applying-css-styles)
 
 Şu standart DOM prop'ları da tüm yerleşik bileşenlerde desteklenir:
-
-<<<<<<< HEAD
-* [`accessKey`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/accesskey): Bir string. Eleman için bir klavye kısayolu belirtir. [Genellikle tavsiye edilmez.](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/accesskey#accessibility_concerns)
-* [`aria-*`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes): ARIA nitelikleri, bu elemanın erişilebilirlik ağacı bilgisini belirlemenize olanak sağlar. Eksiksiz bir referans için [ARIA niteliklerine](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes) bakınız. React'taki tüm ARIA nitelik isimleri HTML'dekilerle birebir aynıdır.
-* [`autoCapitalize`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autocapitalize): Bir string. Kullanıcı girdisinin büyük harfe dönüştürülüp dönüştürülmeyeceğini, eğer dönüştürülecekse nasıl dönüştürüleceğini belirtir.
-* [`className`](https://developer.mozilla.org/en-US/docs/Web/API/Element/className): Bir string. Elemanın CSS sınıf ismini belirtir. [CSS biçimlerini uygulamayla ilgili daha fazlasını okuyun.](#applying-css-styles)
-* [`contentEditable`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/contenteditable): Bir boolean. Eğer `true` ise tarayıcı, kullanıcının render edilmiş elemanı direkt olarak düzenlemesine olanak sağlar. [Lexical](https://lexical.dev/) gibi zengin metin girdisi kütüphanelerini uygulamak için kullanılabilir. Eğer `contentEditable={true}` prop'una sahip bir elemana React alt elemanları vermeye çalışırsanız React sizi uyarır, çünkü React kullanıcı düzenleme yaptıktan sonra içeriğini güncelleyemeyecektir.
-* [`data-*`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/data-*): Data nitelikleri, elemana herhangi bir string verisi bağlamanıza olanak sağlar, örneğin `data-meyve="armut"`. Bunlar React'ta yaygın şekilde kullanılmazlar çünkü veriler daha çok prop'lardan veya state'ten okunur.
-* [`dir`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/dir): `'ltr'` veya `'rtl'`. Elemanın metin yönü belirtir.
-* [`draggable`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/draggable): Bir boolean. Elemanın sürüklenebilir olup olmadığını belirtir. [HTML Sürükle ve Bırak API'sinin](https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API) bir parçasıdır.
-* [`enterKeyHint`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/enterKeyHint): Bir string. Sanal klavyelerde enter tuşu için hangi aksiyonun gösterilmesi gerektiğini belirtir.
-* [`htmlFor`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLLabelElement/htmlFor): Bir string. [`<label>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/label) ve [`<output>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/output) kullanırken [etiket üzerinde bazı kontrollere sahip olmanıza](/reference/react-dom/components/input#providing-a-label-for-an-input) olanak sağlar. [HTML `for` niteliğiyle](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/for) aynı. React, HTML nitelik isimleri yerine standart DOM özellik isimlerini (`htmlFor`) kullanır.
-* [`hidden`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden): Bir boolean veya bir string. Elemanın gizli olup olmaması gerektiğini belirtir.
-* [`id`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id): Bir string. Elemanı daha sonra bulmaya veya elemanı başka elemanlarla bağlamaya yarayan bir benzersiz tanımlayıcı belirtir. Aynı bileşenin birden fazla nesnelerinin çakışmasını önlemek için [`useId`](/reference/react/useId) ile oluşturun.
-* [`is`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/is): Bir string. Eğer belirtilmişse, bileşen bir [özel eleman](/reference/react-dom/components#custom-html-elements) gibi davranacaktır. 
-* [`inputMode`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode): Bir string. Ne tür bir klavye görüntüleneceğini belirtir (örneğin metin, sayı veya telefon).
-* [`itemProp`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/itemprop): Bir string. Elemanın, web arama robotları için hangi özelliği temsil ettiğini belirtir.
-* [`lang`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang): Bir string. Elemanın dilini belirtir.
-* [`onAnimationEnd`](https://developer.mozilla.org/en-US/docs/Web/API/Element/animationend_event): Bir [`AnimationEvent` yönetici](#animationevent-handler) fonksiyonu. Bir CSS animasyonu tamamlandığında çalışır.
-* `onAnimationEndCapture`: `onAnimationEnd`'in [yakalama aşamasında](/learn/responding-to-events#capture-phase-events) çalışan versiyonu.
-* [`onAnimationIteration`](https://developer.mozilla.org/en-US/docs/Web/API/Element/animationiteration_event): Bir [`AnimationEvent` yönetici](#animationevent-handler) fonksiyonu. Bir CSS animasyonu iterasyonu bitip, bir diğeri başladığında çalışır.
-* `onAnimationIterationCapture`: `onAnimationIteration`'ın [yakalama aşamasında](/learn/responding-to-events#capture-phase-events) çalışan versiyonu.
-* [`onAnimationStart`](https://developer.mozilla.org/en-US/docs/Web/API/Element/animationstart_event): Bir [`AnimationEvent` yönetici](#animationevent-handler) fonksiyonu. Bir CSS animasyonu başladığında çalışır.
-* `onAnimationStartCapture`: `onAnimationStart`'ın [yakalama aşamasında](/learn/responding-to-events#capture-phase-events) çalışan versiyonu.
-* [`onAuxClick`](https://developer.mozilla.org/en-US/docs/Web/API/Element/auxclick_event): Bir [`MouseEvent` yönetici](#mouseevent-handler) fonksiyonu. Birincil olmayan bir imleç tuşuna basıldığında çalışır.
-* `onAuxClickCapture`: `onAuxClick`'in [yakalama aşamasında](/learn/responding-to-events#capture-phase-events) çalışan versiyonu.
-* `onBeforeInput`: Bir [`InputEvent` yönetici](#inputevent-handler) fonksiyonu. Düzenlenebilir bir elemanın değeri değiştirilmeden önce çalışır. React, henüz yerel [`beforeinput`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/beforeinput_event) olayını *kullanmıyor* ve onun yerine, diğer olayları kullanarak polyfill yapmaya çalışıyor.
-* `onBeforeInputCapture`: `onBeforeInput`'un [yakalama aşamasında](/learn/responding-to-events#capture-phase-events) çalışan versiyonu.
-* `onBlur`: Bir [`FocusEvent` yönetici](#focusevent-handler) fonksiyonu. Bir eleman odağı kaybedince çalışır. React'taki `onBlur` olayı, yerleşik tarayıcıdaki [`blur`](https://developer.mozilla.org/en-US/docs/Web/API/Element/blur_event) olayının aksine kabarır.
-* `onBlurCapture`: `onBlur`'un [yakalama aşamasında](/learn/responding-to-events#capture-phase-events) çalışan versiyonu.
-* [`onClick`](https://developer.mozilla.org/en-US/docs/Web/API/Element/click_event): Bir [`MouseEvent` yönetici](#mouseevent-handler) fonksiyonu. İmleç cihazındaki birincil tuşa tıklanıldığında çalışır.
-* `onClickCapture`: `onClick`'in [yakalama aşamasında](/learn/responding-to-events#capture-phase-events) çalışan versiyonu.
-* [`onCompositionStart`](https://developer.mozilla.org/en-US/docs/Web/API/Element/compositionstart_event): Bir [`CompositionEvent` yönetici](#compositionevent-handler) fonksiyonu. Bir [girdi metodu düzenleyicisi](https://developer.mozilla.org/en-US/docs/Glossary/Input_method_editor) yeni bir birleştirme oturumu başlattığında çalışır.
-* `onCompositionStartCapture`: `onCompositionStart`'ın [yakalama aşamasında](/learn/responding-to-events#capture-phase-events) çalışan versiyonu.
-* [`onCompositionEnd`](https://developer.mozilla.org/en-US/docs/Web/API/Element/compositionend_event): Bir [`CompositionEvent` yönetici](#compositionevent-handler) fonksiyonu. Bir [girdi metodu düzenleyicisi](https://developer.mozilla.org/en-US/docs/Glossary/Input_method_editor) bir birleştirme oturumunu tamamlayınca veya iptal edince çalışır.
-* `onCompositionEndCapture`: `onCompositionEnd`'in [yakalama aşamasında](/learn/responding-to-events#capture-phase-events) çalışan versiyonu.
-* [`onCompositionUpdate`](https://developer.mozilla.org/en-US/docs/Web/API/Element/compositionupdate_event): Bir [`CompositionEvent` yönetici](#compositionevent-handler) fonksiyonu. Bir [girdi metodu düzenleyicisi'ne](https://developer.mozilla.org/en-US/docs/Glossary/Input_method_editor) yeni bir karakter girildiğinde çalışır.
-* `onCompositionUpdateCapture`: `onCompositionUpdate`'in [yakalama aşamasında](/learn/responding-to-events#capture-phase-events) çalışan versiyonu.
-* [`onContextMenu`](https://developer.mozilla.org/en-US/docs/Web/API/Element/contextmenu_event): Bir [`MouseEvent` yönetici](#mouseevent-handler) fonksiyonu. Kullanıcı bir bağlam menüsü açmayı denediğinde çalışır.
-* `onContextMenuCapture`: `onContextMenu`'nun [yakalama aşamasında](/learn/responding-to-events#capture-phase-events) çalışan versiyonu.
-* [`onCopy`](https://developer.mozilla.org/en-US/docs/Web/API/Element/copy_event): Bir [`ClipboardEvent` yönetici](#clipboardevent-handler) fonksiyonu. Kullanıcı panoya bir şeyler kopyalamayı denediğinde çalışır.
-* `onCopyCapture`: `onCopy`'nin [yakalama aşamasında](/learn/responding-to-events#capture-phase-events) çalışan versiyonu.
-* [`onCut`](https://developer.mozilla.org/en-US/docs/Web/API/Element/cut_event): Bir [`ClipboardEvent` yönetici](#clipboardevent-handler) fonksiyonu. Kullanıcı panoya bir şeyler kesmeyi denediğinde çalışır.
-* `onCutCapture`: `onCut`'ın [yakalama aşamasında](/learn/responding-to-events#capture-phase-events) çalışan versiyonu.
-* `onDoubleClick`: Bir [`MouseEvent` yönetici](#mouseevent-handler) fonksiyonu. Kullanıcı çift tıkladığında çalışır. Tarayacıdaki [`dblclick` olayına](https://developer.mozilla.org/en-US/docs/Web/API/Element/dblclick_event) karşılık gelir. 
-* `onDoubleClickCapture`: `onDoubleClick`'in [yakalama aşamasında](/learn/responding-to-events#capture-phase-events) çalışan versiyonu.
-* [`onDrag`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/drag_event): Bir [`DragEvent` yönetici](#dragevent-handler) fonksiyonu. Kullanıcı bir şeyleri sürüklerken çalışır.
-* `onDragCapture`: `onDrag`'in [yakalama aşamasında](/learn/responding-to-events#capture-phase-events) çalışan versiyonu.
-* [`onDragEnd`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/dragend_event): Bir [`DragEvent` yönetici](#dragevent-handler) fonksiyonu. Kullanıcı bir şeyleri sürüklemeyi bıraktığında çalışır.
-* `onDragEndCapture`: `onDragEnd`'in [yakalama aşamasında](/learn/responding-to-events#capture-phase-events) çalışan versiyonu.
-* [`onDragEnter`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/dragenter_event): Bir [`DragEvent` yönetici](#dragevent-handler) fonksiyonu. Sürüklenen içerik geçerli bir bırakma hedefine girince çalışır.
-* `onDragEnterCapture`: `onDragEnter`'ın [yakalama aşamasında](/learn/responding-to-events#capture-phase-events) çalışan versiyonu.
-* [`onDragOver`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/dragover_event): Bir [`DragEvent` yönetici](#dragevent-handler) fonksiyonu. Sürüklenen içerik üzerine sürüklendiğinde, geçerli bir bırakma hedefinde çalışır. Bırakmaya izin vermek için burada `e.preventDefault()`'u çağırmanız gerekiyor.
-* `onDragOverCapture`: `onDragOver`'ın [yakalama aşamasında](/learn/responding-to-events#capture-phase-events) çalışan versiyonu.
-* [`onDragStart`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/dragstart_event): Bir [`DragEvent` yönetici](#dragevent-handler) fonksiyonu. Kullanıcı bir elemanı sürüklemeye başladığında çalışır.
-* `onDragStartCapture`: `onDragStart`'ın [yakalama aşamasında](/learn/responding-to-events#capture-phase-events) çalışan versiyonu.
-* [`onDrop`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/drop_event): Bir [`DragEvent` yönetici](#dragevent-handler) fonksiyonu. Geçerli bir bırakma hedefinin üstüne bir şeyler bırakılınca çalışır.
-* `onDropCapture`: `onDrop`'un [yakalama aşamasında](/learn/responding-to-events#capture-phase-events) çalışan versiyonu.
-* `onFocus`: Bir [`FocusEvent` yönetici](#focusevent-handler) fonksiyonu. Bir elemana odaklanıldığında çalışır. React'taki `onFocus` olayı, yerleşik tarayıcadaki [`focus`](https://developer.mozilla.org/en-US/docs/Web/API/Element/focus_event) olayının aksine kabarır.
-* `onFocusCapture`: `onFocus`'un [yakalama aşamasında](/learn/responding-to-events#capture-phase-events) çalışan versiyonu.
-* [`onGotPointerCapture`](https://developer.mozilla.org/en-US/docs/Web/API/Element/gotpointercapture_event): Bir [`PointerEvent` yönetici](#pointerevent-handler) fonksiyonu. Bir eleman programsal olarak bir imleci yakalarsa çalışır.
-* `onGotPointerCaptureCapture`: `onGotPointerCapture`'ın [yakalama aşamasında](/learn/responding-to-events#capture-phase-events) çalışan versiyonu.
-* [`onKeyDown`](https://developer.mozilla.org/en-US/docs/Web/API/Element/keydown_event): Bir [`KeyboardEvent` yönetici](#keyboardevent-handler) fonksiyonu. Bir tuşa basıldığında çalışır.
-* `onKeyDownCapture`: `onKeyDown`'ın [yakalama aşamasında](/learn/responding-to-events#capture-phase-events) çalışan versiyonu.
-* [`onKeyPress`](https://developer.mozilla.org/en-US/docs/Web/API/Element/keypress_event): Bir [`KeyboardEvent` yönetici](#keyboardevent-handler) fonksiyonu. Kullanımdan kaldırıldı. Bunun yerine `onKeyDown` veya `onBeforeInput`'u kullanın.
-* `onKeyPressCapture`: `onKeyPress`'in [yakalama aşamasında](/learn/responding-to-events#capture-phase-events) çalışan versiyonu.
-* [`onKeyUp`](https://developer.mozilla.org/en-US/docs/Web/API/Element/keyup_event): Bir [`KeyboardEvent` yönetici](#keyboardevent-handler) fonksiyonu. Bastığınız tuştan elinizi çekince çalışır.
-* `onKeyUpCapture`: `onKeyUp`'ın [yakalama aşamasında](/learn/responding-to-events#capture-phase-events) çalışan versiyonu.
-* [`onLostPointerCapture`](https://developer.mozilla.org/en-US/docs/Web/API/Element/lostpointercapture_event): Bir [`PointerEvent` yönetici](#pointerevent-handler) fonksiyonu. Bir eleman, bir imleci yakalamayı bırakınca çalışır.
-* `onLostPointerCaptureCapture`: `onLostPointerCapture`'ın [yakalama aşamasında](/learn/responding-to-events#capture-phase-events) çalışan versiyonu.
-* [`onMouseDown`](https://developer.mozilla.org/en-US/docs/Web/API/Element/mousedown_event): Bir [`MouseEvent` yönetici](#mouseevent-handler) fonksiyonu. İmlece basıldığında çalışır.
-* `onMouseDownCapture`: `onMouseDown`'ın [yakalama aşamasında](/learn/responding-to-events#capture-phase-events) çalışan versiyonu.
-* [`onMouseEnter`](https://developer.mozilla.org/en-US/docs/Web/API/Element/mouseenter_event): Bir [`MouseEvent` yönetici](#mouseevent-handler) fonksiyonu. İmleç bir elemanın içine girince çalışır. Yakalama aşaması yoktur. Onun yerine, `onMouseLeave` ve `onMouseEnter` çıkış yapılan elemandan giriş yapılan elemana doğru yayılır.
-* [`onMouseLeave`](https://developer.mozilla.org/en-US/docs/Web/API/Element/mouseleave_event): Bir [`MouseEvent` yönetici](#mouseevent-handler) fonksiyonu. İmleç bir elemanın dışına çıkınca çalışır. Yakalama aşaması yoktur. Onun yerine, `onMouseLeave` ve `onMouseEnter` çıkış yapılan elemandan giriş yapılan elemana doğru yayılır.
-* [`onMouseMove`](https://developer.mozilla.org/en-US/docs/Web/API/Element/mousemove_event): Bir [`MouseEvent` yönetici](#mouseevent-handler) fonksiyonu. İmleç koordinatları değişince çalışır.
-* `onMouseMoveCapture`: `onMouseMove`'un [yakalama aşamasında](/learn/responding-to-events#capture-phase-events) çalışan versiyonu.
-* [`onMouseOut`](https://developer.mozilla.org/en-US/docs/Web/API/Element/mouseout_event): Bir [`MouseEvent` yönetici](#mouseevent-handler) fonksiyonu. İmleç bir elemanın dışına çıkarsa veya bir alt elemanın içine girerse çalışır.
-* `onMouseOutCapture`: `onMouseOut`'un [yakalama aşamasında](/learn/responding-to-events#capture-phase-events) çalışan versiyonu.
-* [`onMouseUp`](https://developer.mozilla.org/en-US/docs/Web/API/Element/mouseup_event): Bir [`MouseEvent` yönetici](#mouseevent-handler) fonksiyonu. Bastığınız imleçten elinizi çekince çalışır.
-* `onMouseUpCapture`: `onMouseUp`'ın [yakalama aşamasında](/learn/responding-to-events#capture-phase-events) çalışan versiyonu.
-* [`onPointerCancel`](https://developer.mozilla.org/en-US/docs/Web/API/Element/pointercancel_event): Bir [`PointerEvent` yönetici](#pointerevent-handler) fonksiyonu. Tarayıcı bir imleç etkileşimini iptal edince çalışır.
-* `onPointerCancelCapture`: `onPointerCancel`'ın [yakalama aşamasında](/learn/responding-to-events#capture-phase-events) çalışan versiyonu.
-* [`onPointerDown`](https://developer.mozilla.org/en-US/docs/Web/API/Element/pointerdown_event): Bir [`PointerEvent` yönetici](#pointerevent-handler) fonksiyonu. Bir imleç aktif hale gelince çalışır.
-* `onPointerDownCapture`: `onPointerDown`'ın [yakalama aşamasında](/learn/responding-to-events#capture-phase-events) çalışan versiyonu.
-* [`onPointerEnter`](https://developer.mozilla.org/en-US/docs/Web/API/Element/pointerenter_event): Bir [`PointerEvent` yönetici](#pointerevent-handler) fonksiyonu. Bir imleç bir elemanın içine girince çalışır. Yakalama aşaması yoktur. Onun yerine, `onPointerLeave` ve `onPointerEnter` çıkış yapılan elemandan giriş yapılan elemana doğru yayılır.
-* [`onPointerLeave`](https://developer.mozilla.org/en-US/docs/Web/API/Element/pointerleave_event): Bir [`PointerEvent` yönetici](#pointerevent-handler) fonksiyonu. Bir imleç bir elemanın dışına çıkınca çalışır. Yakalama aşaması yoktur. Onun yerine, `onPointerLeave` ve `onPointerEnter` çıkış yapılan elemandan giriş yapılan elemana doğru yayılır.
-* [`onPointerMove`](https://developer.mozilla.org/en-US/docs/Web/API/Element/pointermove_event): Bir [`PointerEvent` yönetici](#pointerevent-handler) fonksiyonu. İmleç koordinatları değişince çalışır.
-* `onPointerMoveCapture`: `onPointerMove`'un [yakalama aşamasında](/learn/responding-to-events#capture-phase-events) çalışan versiyonu.
-* [`onPointerOut`](https://developer.mozilla.org/en-US/docs/Web/API/Element/pointerout_event): Bir [`PointerEvent` yönetici](#pointerevent-handler) fonksiyonu. İmleç bir elemanın dışına çıkınca, imleç etkileşimi iptal edilirse ve [diğer birkaç sebepten](https://developer.mozilla.org/en-US/docs/Web/API/Element/pointerout_event) ötürü çalışır.
-* `onPointerOutCapture`: `onPointerOut`'un [yakalama aşamasında](/learn/responding-to-events#capture-phase-events) çalışan versiyonu.
-* [`onPointerUp`](https://developer.mozilla.org/en-US/docs/Web/API/Element/pointerup_event): Bir [`PointerEvent` yönetici](#pointerevent-handler) fonksiyonu. İmleç artık aktif değilse çalışır.
-* `onPointerUpCapture`: `onPointerUp`'ın [yakalama aşamasında](/learn/responding-to-events#capture-phase-events) çalışan versiyonu.
-* [`onPaste`](https://developer.mozilla.org/en-US/docs/Web/API/Element/paste_event): Bir [`ClipboardEvent` yönetici](#clipboardevent-handler) fonksiyonu. Kullanıcı panodan bir şeyler yapıştırmayı denerse çalışır.
-* `onPasteCapture`: `onPaste`'in [yakalama aşamasında](/learn/responding-to-events#capture-phase-events) çalışan versiyonu.
-* [`onScroll`](https://developer.mozilla.org/en-US/docs/Web/API/Element/scroll_event): Bir [`Event` yönetici](#event-handler) fonksiyonu. Bir eleman kaydırılınca çalışır. Bu olay kabarmaz.
-* `onScrollCapture`: `onScroll`'un [yakalama aşamasında](/learn/responding-to-events#capture-phase-events) çalışan versiyonu.
-* [`onSelect`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/select_event): Bir [`Event` yönetici](#event-handler) fonksiyonu. Girdi gibi düzenlenebilir bir elemanın içindeki seçim değişince çalışır. React `onSelect` olayını, `contentEditable={true}` elemanları için de çalışacak şekilde genişletir. Ek olarak, React bunu boş seçimlerde ve düzenlemelerde (ki bunlar seçimi etkileyebilir) çalışacak şekilde genişletir.
-* `onSelectCapture`: `onSelect`'in [yakalama aşamasında](/learn/responding-to-events#capture-phase-events) çalışan versiyonu.
-* [`onTouchCancel`](https://developer.mozilla.org/en-US/docs/Web/API/Element/touchcancel_event): Bir [`TouchEvent` yönetici](#touchevent-handler) fonksiyonu. Tarayıcı bir dokunma etkileşimini iptal edince çalışır.
-* `onTouchCancelCapture`: `onTouchCancel`'ın [yakalama aşamasında](/learn/responding-to-events#capture-phase-events) çalışan versiyonu.
-* [`onTouchEnd`](https://developer.mozilla.org/en-US/docs/Web/API/Element/touchend_event): Bir [`TouchEvent` yönetici](#touchevent-handler) fonksiyonu. Bir veya daha fazla dokunma noktası kaldırılınca çalışır.
-* `onTouchEndCapture`: `onTouchEnd`'in [yakalama aşamasında](/learn/responding-to-events#capture-phase-events) çalışan versiyonu.
-* [`onTouchMove`](https://developer.mozilla.org/en-US/docs/Web/API/Element/touchmove_event): Bir [`TouchEvent` yönetici](#touchevent-handler) fonksiyonu. Bir veya daha fazla dokunma noktası hareket ettirilince çalışır.
-* `onTouchMoveCapture`: `onTouchMove`'un [yakalama aşamasında](/learn/responding-to-events#capture-phase-events) çalışan versiyonu.
-* [`onTouchStart`](https://developer.mozilla.org/en-US/docs/Web/API/Element/touchstart_event): Bir [`TouchEvent` yönetici](#touchevent-handler) fonksiyonu. Bir veya daha fazla dokunma noktası yerleştirildiğinde çalışır.
-* `onTouchStartCapture`: `onTouchStart`'ın [yakalama aşamasında](/learn/responding-to-events#capture-phase-events) çalışan versiyonu.
-* [`onTransitionEnd`](https://developer.mozilla.org/en-US/docs/Web/API/Element/transitionend_event): Bir [`TransitionEvent` yönetici](#transitionevent-handler) fonksiyonu. Bir CSS geçişi tamamlanınca çalışır.
-* `onTransitionEndCapture`: `onTransitionEnd`'in [yakalama aşamasında](/learn/responding-to-events#capture-phase-events) çalışan versiyonu.
-* [`onWheel`](https://developer.mozilla.org/en-US/docs/Web/API/Element/wheel_event): Bir [`WheelEvent` yönetici](#wheelevent-handler) fonksiyonu. Kullanıcı fare tekerleğini döndürünce çalışır.
-* `onWheelCapture`: `onWheel`'ın [yakalama aşamasında](/learn/responding-to-events#capture-phase-events) çalışan versiyonu.
-* [`role`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles): Bir string. Yardımcı teknolojiler için elemanın rolünü açık bir şekilde belirtir.
-* [`slot`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles): Bir string. Shadow DOM'u kullanırken slot ismini belirtir. React'ta buna denk bir model genellikle JSX'in prop olarak iletilmesiyle elde edilir. Örneğin, `<Layout left={<Sidebar />} right={<Content />} />`.
-* [`spellCheck`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/spellcheck): Bir boolean veya boş. Eğer açık bir şekilde `true` veya `false` olarak ayarlanırsa yazım denetimini etkinleştirir veya devre dışı bırakır.
-* [`tabIndex`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex): Bir sayı. Varsayılan Tab tuşu davranışını geçersiz kılar. [`-1` ve `0` dışında değerleri kullanmaktan kaçının.](https://www.tpgi.com/using-the-tabindex-attribute/)
-* [`title`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title): Bir string. Elemanın araç ipucu metnini belirtir.
-* [`translate`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/translate): `'yes'` veya `'no'`. `'no'` değerini vermek eleman içeriğinin çevrilmesini engeller.
-=======
-* [`accessKey`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/accesskey): A string. Specifies a keyboard shortcut for the element. [Not generally recommended.](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/accesskey#accessibility_concerns)
-* [`aria-*`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes): ARIA attributes let you specify the accessibility tree information for this element. See [ARIA attributes](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes) for a complete reference. In React, all ARIA attribute names are exactly the same as in HTML.
-* [`autoCapitalize`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autocapitalize): A string. Specifies whether and how the user input should be capitalized.
-* [`className`](https://developer.mozilla.org/en-US/docs/Web/API/Element/className): A string. Specifies the element's CSS class name. [Read more about applying CSS styles.](#applying-css-styles)
-* [`contentEditable`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/contenteditable): A boolean. If `true`, the browser lets the user edit the rendered element directly. This is used to implement rich text input libraries like [Lexical.](https://lexical.dev/) React warns if you try to pass React children to an element with `contentEditable={true}` because React will not be able to update its content after user edits.
-* [`data-*`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/data-*): Data attributes let you attach some string data to the element, for example `data-fruit="banana"`. In React, they are not commonly used because you would usually read data from props or state instead.
-* [`dir`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/dir): Either `'ltr'` or `'rtl'`. Specifies the text direction of the element.
-* [`draggable`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/draggable): A boolean. Specifies whether the element is draggable. Part of [HTML Drag and Drop API.](https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API)
-* [`enterKeyHint`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/enterKeyHint): A string. Specifies which action to present for the enter key on virtual keyboards.
-* [`htmlFor`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLLabelElement/htmlFor): A string. For [`<label>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/label) and [`<output>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/output), lets you [associate the label with some control.](/reference/react-dom/components/input#providing-a-label-for-an-input) Same as [`for` HTML attribute.](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/for) React uses the standard DOM property names (`htmlFor`) instead of HTML attribute names.
-* [`hidden`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden): A boolean or a string. Specifies whether the element should be hidden.
-* [`id`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id): A string. Specifies a unique identifier for this element, which can be used to find it later or connect it with other elements. Generate it with [`useId`](/reference/react/useId) to avoid clashes between multiple instances of the same component.
-* [`is`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/is): A string. If specified, the component will behave like a [custom element.](/reference/react-dom/components#custom-html-elements)
-* [`inputMode`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode): A string. Specifies what kind of keyboard to display (for example, text, number or telephone).
-* [`itemProp`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/itemprop): A string. Specifies which property the element represents for structured data crawlers.
-* [`lang`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang): A string. Specifies the language of the element.
-* [`onAnimationEnd`](https://developer.mozilla.org/en-US/docs/Web/API/Element/animationend_event): An [`AnimationEvent` handler](#animationevent-handler) function. Fires when a CSS animation completes.
-* `onAnimationEndCapture`: A version of `onAnimationEnd` that fires in the [capture phase.](/learn/responding-to-events#capture-phase-events)
-* [`onAnimationIteration`](https://developer.mozilla.org/en-US/docs/Web/API/Element/animationiteration_event): An [`AnimationEvent` handler](#animationevent-handler) function. Fires when an iteration of a CSS animation ends, and another one begins.
-* `onAnimationIterationCapture`: A version of `onAnimationIteration` that fires in the [capture phase.](/learn/responding-to-events#capture-phase-events)
-* [`onAnimationStart`](https://developer.mozilla.org/en-US/docs/Web/API/Element/animationstart_event): An [`AnimationEvent` handler](#animationevent-handler) function. Fires when a CSS animation starts.
-* `onAnimationStartCapture`: `onAnimationStart`, but fires in the [capture phase.](/learn/responding-to-events#capture-phase-events)
-* [`onAuxClick`](https://developer.mozilla.org/en-US/docs/Web/API/Element/auxclick_event): A [`MouseEvent` handler](#mouseevent-handler) function. Fires when a non-primary pointer button was clicked.
-* `onAuxClickCapture`: A version of `onAuxClick` that fires in the [capture phase.](/learn/responding-to-events#capture-phase-events)
-* `onBeforeInput`: An [`InputEvent` handler](#inputevent-handler) function. Fires before the value of an editable element is modified. React does *not* yet use the native [`beforeinput`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/beforeinput_event) event, and instead attempts to polyfill it using other events.
-* `onBeforeInputCapture`: A version of `onBeforeInput` that fires in the [capture phase.](/learn/responding-to-events#capture-phase-events)
-* `onBlur`: A [`FocusEvent` handler](#focusevent-handler) function. Fires when an element lost focus. Unlike the built-in browser [`blur`](https://developer.mozilla.org/en-US/docs/Web/API/Element/blur_event) event, in React the `onBlur` event bubbles.
-* `onBlurCapture`: A version of `onBlur` that fires in the [capture phase.](/learn/responding-to-events#capture-phase-events)
-* [`onClick`](https://developer.mozilla.org/en-US/docs/Web/API/Element/click_event): A [`MouseEvent` handler](#mouseevent-handler) function. Fires when the primary button was clicked on the pointing device.
-* `onClickCapture`: A version of `onClick` that fires in the [capture phase.](/learn/responding-to-events#capture-phase-events)
-* [`onCompositionStart`](https://developer.mozilla.org/en-US/docs/Web/API/Element/compositionstart_event): A [`CompositionEvent` handler](#compositionevent-handler) function. Fires when an [input method editor](https://developer.mozilla.org/en-US/docs/Glossary/Input_method_editor) starts a new composition session.
-* `onCompositionStartCapture`: A version of `onCompositionStart` that fires in the [capture phase.](/learn/responding-to-events#capture-phase-events)
-* [`onCompositionEnd`](https://developer.mozilla.org/en-US/docs/Web/API/Element/compositionend_event): A [`CompositionEvent` handler](#compositionevent-handler) function. Fires when an [input method editor](https://developer.mozilla.org/en-US/docs/Glossary/Input_method_editor) completes or cancels a composition session.
-* `onCompositionEndCapture`: A version of `onCompositionEnd` that fires in the [capture phase.](/learn/responding-to-events#capture-phase-events)
-* [`onCompositionUpdate`](https://developer.mozilla.org/en-US/docs/Web/API/Element/compositionupdate_event): A [`CompositionEvent` handler](#compositionevent-handler) function. Fires when an [input method editor](https://developer.mozilla.org/en-US/docs/Glossary/Input_method_editor) receives a new character.
-* `onCompositionUpdateCapture`: A version of `onCompositionUpdate` that fires in the [capture phase.](/learn/responding-to-events#capture-phase-events)
-* [`onContextMenu`](https://developer.mozilla.org/en-US/docs/Web/API/Element/contextmenu_event): A [`MouseEvent` handler](#mouseevent-handler) function. Fires when the user tries to open a context menu.
-* `onContextMenuCapture`: A version of `onContextMenu` that fires in the [capture phase.](/learn/responding-to-events#capture-phase-events)
-* [`onCopy`](https://developer.mozilla.org/en-US/docs/Web/API/Element/copy_event): A [`ClipboardEvent` handler](#clipboardevent-handler) function. Fires when the user tries to copy something into the clipboard.
-* `onCopyCapture`: A version of `onCopy` that fires in the [capture phase.](/learn/responding-to-events#capture-phase-events)
-* [`onCut`](https://developer.mozilla.org/en-US/docs/Web/API/Element/cut_event): A [`ClipboardEvent` handler](#clipboardevent-handler) function. Fires when the user tries to cut something into the clipboard.
-* `onCutCapture`: A version of `onCut` that fires in the [capture phase.](/learn/responding-to-events#capture-phase-events)
-* `onDoubleClick`: A [`MouseEvent` handler](#mouseevent-handler) function. Fires when the user clicks twice. Corresponds to the browser [`dblclick` event.](https://developer.mozilla.org/en-US/docs/Web/API/Element/dblclick_event)
-* `onDoubleClickCapture`: A version of `onDoubleClick` that fires in the [capture phase.](/learn/responding-to-events#capture-phase-events)
-* [`onDrag`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/drag_event): A [`DragEvent` handler](#dragevent-handler) function. Fires while the user is dragging something.
-* `onDragCapture`: A version of `onDrag` that fires in the [capture phase.](/learn/responding-to-events#capture-phase-events)
-* [`onDragEnd`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/dragend_event): A [`DragEvent` handler](#dragevent-handler) function. Fires when the user stops dragging something.
-* `onDragEndCapture`: A version of `onDragEnd` that fires in the [capture phase.](/learn/responding-to-events#capture-phase-events)
-* [`onDragEnter`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/dragenter_event): A [`DragEvent` handler](#dragevent-handler) function. Fires when the dragged content enters a valid drop target.
-* `onDragEnterCapture`: A version of `onDragEnter` that fires in the [capture phase.](/learn/responding-to-events#capture-phase-events)
-* [`onDragOver`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/dragover_event): A [`DragEvent` handler](#dragevent-handler) function. Fires on a valid drop target while the dragged content is dragged over it. You must call `e.preventDefault()` here to allow dropping.
-* `onDragOverCapture`: A version of `onDragOver` that fires in the [capture phase.](/learn/responding-to-events#capture-phase-events)
-* [`onDragStart`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/dragstart_event): A [`DragEvent` handler](#dragevent-handler) function. Fires when the user starts dragging an element.
-* `onDragStartCapture`: A version of `onDragStart` that fires in the [capture phase.](/learn/responding-to-events#capture-phase-events)
-* [`onDrop`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/drop_event): A [`DragEvent` handler](#dragevent-handler) function. Fires when something is dropped on a valid drop target.
-* `onDropCapture`: A version of `onDrop` that fires in the [capture phase.](/learn/responding-to-events#capture-phase-events)
-* `onFocus`: A [`FocusEvent` handler](#focusevent-handler) function. Fires when an element receives focus. Unlike the built-in browser [`focus`](https://developer.mozilla.org/en-US/docs/Web/API/Element/focus_event) event, in React the `onFocus` event bubbles.
-* `onFocusCapture`: A version of `onFocus` that fires in the [capture phase.](/learn/responding-to-events#capture-phase-events)
-* [`onGotPointerCapture`](https://developer.mozilla.org/en-US/docs/Web/API/Element/gotpointercapture_event): A [`PointerEvent` handler](#pointerevent-handler) function. Fires when an element programmatically captures a pointer.
-* `onGotPointerCaptureCapture`: A version of `onGotPointerCapture` that fires in the [capture phase.](/learn/responding-to-events#capture-phase-events)
-* [`onKeyDown`](https://developer.mozilla.org/en-US/docs/Web/API/Element/keydown_event): A [`KeyboardEvent` handler](#keyboardevent-handler) function. Fires when a key is pressed.
-* `onKeyDownCapture`: A version of `onKeyDown` that fires in the [capture phase.](/learn/responding-to-events#capture-phase-events)
-* [`onKeyPress`](https://developer.mozilla.org/en-US/docs/Web/API/Element/keypress_event): A [`KeyboardEvent` handler](#keyboardevent-handler) function. Deprecated. Use `onKeyDown` or `onBeforeInput` instead.
-* `onKeyPressCapture`: A version of `onKeyPress` that fires in the [capture phase.](/learn/responding-to-events#capture-phase-events)
-* [`onKeyUp`](https://developer.mozilla.org/en-US/docs/Web/API/Element/keyup_event): A [`KeyboardEvent` handler](#keyboardevent-handler) function. Fires when a key is released.
-* `onKeyUpCapture`: A version of `onKeyUp` that fires in the [capture phase.](/learn/responding-to-events#capture-phase-events)
-* [`onLostPointerCapture`](https://developer.mozilla.org/en-US/docs/Web/API/Element/lostpointercapture_event): A [`PointerEvent` handler](#pointerevent-handler) function. Fires when an element stops capturing a pointer.
-* `onLostPointerCaptureCapture`: A version of `onLostPointerCapture` that fires in the [capture phase.](/learn/responding-to-events#capture-phase-events)
-* [`onMouseDown`](https://developer.mozilla.org/en-US/docs/Web/API/Element/mousedown_event): A [`MouseEvent` handler](#mouseevent-handler) function. Fires when the pointer is pressed down.
-* `onMouseDownCapture`: A version of `onMouseDown` that fires in the [capture phase.](/learn/responding-to-events#capture-phase-events)
-* [`onMouseEnter`](https://developer.mozilla.org/en-US/docs/Web/API/Element/mouseenter_event): A [`MouseEvent` handler](#mouseevent-handler) function. Fires when the pointer moves inside an element. Does not have a capture phase. Instead, `onMouseLeave` and `onMouseEnter` propagate from the element being left to the one being entered.
-* [`onMouseLeave`](https://developer.mozilla.org/en-US/docs/Web/API/Element/mouseleave_event): A [`MouseEvent` handler](#mouseevent-handler) function. Fires when the pointer moves outside an element. Does not have a capture phase. Instead, `onMouseLeave` and `onMouseEnter` propagate from the element being left to the one being entered.
-* [`onMouseMove`](https://developer.mozilla.org/en-US/docs/Web/API/Element/mousemove_event): A [`MouseEvent` handler](#mouseevent-handler) function. Fires when the pointer changes coordinates.
-* `onMouseMoveCapture`: A version of `onMouseMove` that fires in the [capture phase.](/learn/responding-to-events#capture-phase-events)
-* [`onMouseOut`](https://developer.mozilla.org/en-US/docs/Web/API/Element/mouseout_event): A [`MouseEvent` handler](#mouseevent-handler) function. Fires when the pointer moves outside an element, or if it moves into a child element.
-* `onMouseOutCapture`: A version of `onMouseOut` that fires in the [capture phase.](/learn/responding-to-events#capture-phase-events)
-* [`onMouseUp`](https://developer.mozilla.org/en-US/docs/Web/API/Element/mouseup_event): A [`MouseEvent` handler](#mouseevent-handler) function. Fires when the pointer is released.
-* `onMouseUpCapture`: A version of `onMouseUp` that fires in the [capture phase.](/learn/responding-to-events#capture-phase-events)
-* [`onPointerCancel`](https://developer.mozilla.org/en-US/docs/Web/API/Element/pointercancel_event): A [`PointerEvent` handler](#pointerevent-handler) function. Fires when the browser cancels a pointer interaction.
-* `onPointerCancelCapture`: A version of `onPointerCancel` that fires in the [capture phase.](/learn/responding-to-events#capture-phase-events)
-* [`onPointerDown`](https://developer.mozilla.org/en-US/docs/Web/API/Element/pointerdown_event): A [`PointerEvent` handler](#pointerevent-handler) function. Fires when a pointer becomes active.
-* `onPointerDownCapture`: A version of `onPointerDown` that fires in the [capture phase.](/learn/responding-to-events#capture-phase-events)
-* [`onPointerEnter`](https://developer.mozilla.org/en-US/docs/Web/API/Element/pointerenter_event): A [`PointerEvent` handler](#pointerevent-handler) function. Fires when a pointer moves inside an element. Does not have a capture phase. Instead, `onPointerLeave` and `onPointerEnter` propagate from the element being left to the one being entered.
-* [`onPointerLeave`](https://developer.mozilla.org/en-US/docs/Web/API/Element/pointerleave_event): A [`PointerEvent` handler](#pointerevent-handler) function. Fires when a pointer moves outside an element. Does not have a capture phase. Instead, `onPointerLeave` and `onPointerEnter` propagate from the element being left to the one being entered.
-* [`onPointerMove`](https://developer.mozilla.org/en-US/docs/Web/API/Element/pointermove_event): A [`PointerEvent` handler](#pointerevent-handler) function. Fires when a pointer changes coordinates.
-* `onPointerMoveCapture`: A version of `onPointerMove` that fires in the [capture phase.](/learn/responding-to-events#capture-phase-events)
-* [`onPointerOut`](https://developer.mozilla.org/en-US/docs/Web/API/Element/pointerout_event): A [`PointerEvent` handler](#pointerevent-handler) function. Fires when a pointer moves outside an element, if the pointer interaction is cancelled, and [a few other reasons.](https://developer.mozilla.org/en-US/docs/Web/API/Element/pointerout_event)
-* `onPointerOutCapture`: A version of `onPointerOut` that fires in the [capture phase.](/learn/responding-to-events#capture-phase-events)
-* [`onPointerUp`](https://developer.mozilla.org/en-US/docs/Web/API/Element/pointerup_event): A [`PointerEvent` handler](#pointerevent-handler) function. Fires when a pointer is no longer active.
-* `onPointerUpCapture`: A version of `onPointerUp` that fires in the [capture phase.](/learn/responding-to-events#capture-phase-events)
-* [`onPaste`](https://developer.mozilla.org/en-US/docs/Web/API/Element/paste_event): A [`ClipboardEvent` handler](#clipboardevent-handler) function. Fires when the user tries to paste something from the clipboard.
-* `onPasteCapture`: A version of `onPaste` that fires in the [capture phase.](/learn/responding-to-events#capture-phase-events)
-* [`onScroll`](https://developer.mozilla.org/en-US/docs/Web/API/Element/scroll_event): An [`Event` handler](#event-handler) function. Fires when an element has been scrolled. This event does not bubble.
-* `onScrollCapture`: A version of `onScroll` that fires in the [capture phase.](/learn/responding-to-events#capture-phase-events)
-* [`onSelect`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/select_event): An [`Event` handler](#event-handler) function. Fires after the selection inside an editable element like an input changes. React extends the `onSelect` event to work for `contentEditable={true}` elements as well. In addition, React extends it to fire for empty selection and on edits (which may affect the selection).
-* `onSelectCapture`: A version of `onSelect` that fires in the [capture phase.](/learn/responding-to-events#capture-phase-events)
-* [`onTouchCancel`](https://developer.mozilla.org/en-US/docs/Web/API/Element/touchcancel_event): A [`TouchEvent` handler](#touchevent-handler) function. Fires when the browser cancels a touch interaction.
-* `onTouchCancelCapture`: A version of `onTouchCancel` that fires in the [capture phase.](/learn/responding-to-events#capture-phase-events)
-* [`onTouchEnd`](https://developer.mozilla.org/en-US/docs/Web/API/Element/touchend_event): A [`TouchEvent` handler](#touchevent-handler) function. Fires when one or more touch points are removed.
-* `onTouchEndCapture`: A version of `onTouchEnd` that fires in the [capture phase.](/learn/responding-to-events#capture-phase-events)
-* [`onTouchMove`](https://developer.mozilla.org/en-US/docs/Web/API/Element/touchmove_event): A [`TouchEvent` handler](#touchevent-handler) function. Fires one or more touch points are moved.
-* `onTouchMoveCapture`: A version of `onTouchMove` that fires in the [capture phase.](/learn/responding-to-events#capture-phase-events)
-* [`onTouchStart`](https://developer.mozilla.org/en-US/docs/Web/API/Element/touchstart_event): A [`TouchEvent` handler](#touchevent-handler) function. Fires when one or more touch points are placed.
-* `onTouchStartCapture`: A version of `onTouchStart` that fires in the [capture phase.](/learn/responding-to-events#capture-phase-events)
-* [`onTransitionEnd`](https://developer.mozilla.org/en-US/docs/Web/API/Element/transitionend_event): A [`TransitionEvent` handler](#transitionevent-handler) function. Fires when a CSS transition completes.
-* `onTransitionEndCapture`: A version of `onTransitionEnd` that fires in the [capture phase.](/learn/responding-to-events#capture-phase-events)
-* [`onWheel`](https://developer.mozilla.org/en-US/docs/Web/API/Element/wheel_event): A [`WheelEvent` handler](#wheelevent-handler) function. Fires when the user rotates a wheel button.
-* `onWheelCapture`: A version of `onWheel` that fires in the [capture phase.](/learn/responding-to-events#capture-phase-events)
-* [`role`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles): A string. Specifies the element role explicitly for assistive technologies.
-* [`slot`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles): A string. Specifies the slot name when using shadow DOM. In React, an equivalent pattern is typically achieved by passing JSX as props, for example `<Layout left={<Sidebar />} right={<Content />} />`.
-* [`spellCheck`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/spellcheck): A boolean or null. If explicitly set to `true` or `false`, enables or disables spellchecking.
-* [`tabIndex`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex): A number. Overrides the default Tab button behavior. [Avoid using values other than `-1` and `0`.](https://www.tpgi.com/using-the-tabindex-attribute/)
-* [`title`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title): A string. Specifies the tooltip text for the element.
-* [`translate`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/translate): Either `'yes'` or `'no'`. Passing `'no'` excludes the element content from being translated.
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+* [`accessKey`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/accesskey): Bir string. Element için bir keyboard shortcut belirtir. [Genellikle önerilmez.](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/accesskey#accessibility_concerns)
+* [`aria-*`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes): ARIA attribute’ları, bu element için accessibility tree bilgisini belirtmenizi sağlar. Tam bir reference için [ARIA attributes](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes) bölümüne bakın. React’ta tüm ARIA attribute name’leri HTML’dekiyle tamamen aynıdır.
+* [`autoCapitalize`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autocapitalize): Bir string. User input’unun capitalize edilip edilmeyeceğini ve nasıl capitalize edileceğini belirtir.
+* [`className`](https://developer.mozilla.org/en-US/docs/Web/API/Element/className): Bir string. Element’in CSS class name’ini belirtir. [CSS style’larını uygulama hakkında daha fazla bilgi edinin.](#applying-css-styles)
+* [`contentEditable`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/contenteditable): Bir boolean. `true` ise browser, user’ın render edilen element’i doğrudan edit etmesine izin verir. Bu, [Lexical](https://lexical.dev/) gibi rich text input library’lerini implement etmek için kullanılır. React, `contentEditable={true}` olan bir element’e React children pass etmeye çalışırsanız uyarı verir; çünkü React, user edit’lerinden sonra content’i update edemeyecektir.
+* [`data-*`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/data-*): Data attribute’ları, element’e bazı string data’ları attach etmenizi sağlar; örneğin `data-fruit="banana"`. React’ta bunlar yaygın kullanılmaz çünkü genellikle bunun yerine data’yı props veya state’ten okursunuz.
+* [`dir`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/dir): `'ltr'` veya `'rtl'`. Element’in text direction’ını belirtir.
+* [`draggable`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/draggable): Bir boolean. Element’in draggable olup olmadığını belirtir. [HTML Drag and Drop API](https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API)’nin bir parçasıdır.
+* [`enterKeyHint`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/enterKeyHint): Bir string. Virtual keyboard’larda enter key için hangi action’ın gösterileceğini belirtir.
+* [`htmlFor`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLLabelElement/htmlFor): Bir string. [`<label>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/label) ve [`<output>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/output) için, [label’ı bir control ile associate etmenizi sağlar.](/reference/react-dom/components/input#providing-a-label-for-an-input) [`for` HTML attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/for) ile aynıdır. React, HTML attribute name’leri yerine standard DOM property name’lerini (`htmlFor`) kullanır.
+* [`hidden`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden): Bir boolean veya string. Element’in hidden olup olmayacağını belirtir.
+* [`id`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id): Bir string. Bu element için unique identifier belirtir; daha sonra onu bulmak veya başka element’lerle connect etmek için kullanılabilir. Aynı component’in birden fazla instance’ı arasında clash oluşmasını önlemek için bunu [`useId`](/reference/react/useId) ile generate edin.
+* [`is`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/is): Bir string. Belirtilirse, component bir [custom element](/reference/react-dom/components#custom-html-elements) gibi davranır.
+* [`inputMode`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode): Bir string. Hangi tür keyboard’un gösterileceğini belirtir (örneğin text, number veya telephone).
+* [`itemProp`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/itemprop): Bir string. Element’in structured data crawler’ları için hangi property’yi temsil ettiğini belirtir.
+* [`lang`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang): Bir string. Element’in language’ini belirtir.
+* [`onAnimationEnd`](https://developer.mozilla.org/en-US/docs/Web/API/Element/animationend_event): Bir [`AnimationEvent` handler](#animationevent-handler) function’ı. Bir CSS animation tamamlandığında fire eder.
+* `onAnimationEndCapture`: `onAnimationEnd`’in [capture phase](/learn/responding-to-events#capture-phase-events)’de fire eden bir versiyonu.
+* [`onAnimationIteration`](https://developer.mozilla.org/en-US/docs/Web/API/Element/animationiteration_event): Bir [`AnimationEvent` handler](#animationevent-handler) function’ı. Bir CSS animation iteration’ı bittiğinde ve başka biri başladığında fire eder.
+* `onAnimationIterationCapture`: `onAnimationIteration`’ın [capture phase](/learn/responding-to-events#capture-phase-events)’de fire eden bir versiyonu.
+* [`onAnimationStart`](https://developer.mozilla.org/en-US/docs/Web/API/Element/animationstart_event): Bir [`AnimationEvent` handler](#animationevent-handler) function’ı. Bir CSS animation başladığında fire eder.
+* `onAnimationStartCapture`: `onAnimationStart`, ancak [capture phase](/learn/responding-to-events#capture-phase-events)’de fire eder.
+* [`onAuxClick`](https://developer.mozilla.org/en-US/docs/Web/API/Element/auxclick_event): Bir [`MouseEvent` handler](#mouseevent-handler) function’ı. Pointing device üzerindeki primary olmayan bir button click edildiğinde fire eder.
+* `onAuxClickCapture`: `onAuxClick`’in [capture phase](/learn/responding-to-events#capture-phase-events)’de fire eden bir versiyonu.
+* `onBeforeInput`: Bir [`InputEvent` handler](#inputevent-handler) function’ı. Editable bir element’in value’su modify edilmeden önce fire eder. React henüz native [`beforeinput`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/beforeinput_event) event’ini kullanmaz; bunun yerine diğer event’leri kullanarak onu polyfill etmeye çalışır.
+* `onBeforeInputCapture`: `onBeforeInput`’un [capture phase](/learn/responding-to-events#capture-phase-events)’de fire eden bir versiyonu.
+* `onBlur`: Bir [`FocusEvent` handler](#focusevent-handler) function’ı. Bir element focus kaybettiğinde fire eder. Built-in browser [`blur`](https://developer.mozilla.org/en-US/docs/Web/API/Element/blur_event) event’inden farklı olarak, React’ta `onBlur` event’i bubble eder.
+* `onBlurCapture`: `onBlur`’ın [capture phase](/learn/responding-to-events#capture-phase-events)’de fire eden bir versiyonu.
+* [`onClick`](https://developer.mozilla.org/en-US/docs/Web/API/Element/click_event): Bir [`MouseEvent` handler](#mouseevent-handler) function’ı. Pointing device üzerindeki primary button click edildiğinde fire eder.
+* `onClickCapture`: `onClick`’in [capture phase](/learn/responding-to-events#capture-phase-events)’de fire eden bir versiyonu.
+* [`onCompositionStart`](https://developer.mozilla.org/en-US/docs/Web/API/Element/compositionstart_event): Bir [`CompositionEvent` handler](#compositionevent-handler) function’ı. Bir [input method editor](https://developer.mozilla.org/en-US/docs/Glossary/Input_method_editor) yeni bir composition session başlattığında fire eder.
+* `onCompositionStartCapture`: `onCompositionStart`’ın [capture phase](/learn/responding-to-events#capture-phase-events)’de fire eden bir versiyonu.
+* [`onCompositionEnd`](https://developer.mozilla.org/en-US/docs/Web/API/Element/compositionend_event): Bir [`CompositionEvent` handler](#compositionevent-handler) function’ı. Bir [input method editor](https://developer.mozilla.org/en-US/docs/Glossary/Input_method_editor) bir composition session’ı tamamladığında veya iptal ettiğinde fire eder.
+* `onCompositionEndCapture`: `onCompositionEnd`’in [capture phase](/learn/responding-to-events#capture-phase-events)’de fire eden bir versiyonu.
+* [`onCompositionUpdate`](https://developer.mozilla.org/en-US/docs/Web/API/Element/compositionupdate_event): Bir [`CompositionEvent` handler](#compositionevent-handler) function’ı. Bir [input method editor](https://developer.mozilla.org/en-US/docs/Glossary/Input_method_editor) yeni bir character aldığında fire eder.
+* `onCompositionUpdateCapture`: `onCompositionUpdate`’in [capture phase](/learn/responding-to-events#capture-phase-events)’de fire eden bir versiyonu.
+* [`onContextMenu`](https://developer.mozilla.org/en-US/docs/Web/API/Element/contextmenu_event): Bir [`MouseEvent` handler](#mouseevent-handler) function’ı. User bir context menu açmaya çalıştığında fire eder.
+* `onContextMenuCapture`: `onContextMenu`’nün [capture phase](/learn/responding-to-events#capture-phase-events)’de fire eden bir versiyonu.
+* [`onCopy`](https://developer.mozilla.org/en-US/docs/Web/API/Element/copy_event): Bir [`ClipboardEvent` handler](#clipboardevent-handler) function’ı. User clipboard’a bir şey copy etmeye çalıştığında fire eder.
+* `onCopyCapture`: `onCopy`’nin [capture phase](/learn/responding-to-events#capture-phase-events)’de fire eden bir versiyonu.
+* [`onCut`](https://developer.mozilla.org/en-US/docs/Web/API/Element/cut_event): Bir [`ClipboardEvent` handler](#clipboardevent-handler) function’ı. User clipboard’a bir şey cut etmeye çalıştığında fire eder.
+* `onCutCapture`: `onCut`’ın [capture phase](/learn/responding-to-events#capture-phase-events)’de fire eden bir versiyonu.
+* `onDoubleClick`: Bir [`MouseEvent` handler](#mouseevent-handler) function’ı. User iki kez click ettiğinde fire eder. Browser [`dblclick` event](https://developer.mozilla.org/en-US/docs/Web/API/Element/dblclick_event)’ine karşılık gelir.
+* `onDoubleClickCapture`: `onDoubleClick`’in [capture phase](/learn/responding-to-events#capture-phase-events)’de fire eden bir versiyonu.
+* [`onDrag`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/drag_event): Bir [`DragEvent` handler](#dragevent-handler) function’ı. User bir şeyi drag ederken fire eder.
+* `onDragCapture`: `onDrag`’in [capture phase](/learn/responding-to-events#capture-phase-events)’de fire eden bir versiyonu.
+* [`onDragEnd`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/dragend_event): Bir [`DragEvent` handler](#dragevent-handler) function’ı. User bir şeyi drag etmeyi bıraktığında fire eder.
+* `onDragEndCapture`: `onDragEnd`’in [capture phase](/learn/responding-to-events#capture-phase-events)’de fire eden bir versiyonu.
+* [`onDragEnter`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/dragenter_event): Bir [`DragEvent` handler](#dragevent-handler) function’ı. Drag edilen content valid bir drop target’a girdiğinde fire eder.
+* `onDragEnterCapture`: `onDragEnter`’ın [capture phase](/learn/responding-to-events#capture-phase-events)’de fire eden bir versiyonu.
+* [`onDragOver`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/dragover_event): Bir [`DragEvent` handler](#dragevent-handler) function’ı. Drag edilen content valid bir drop target üzerinde drag edilirken fire eder. Drop’a izin vermek için burada `e.preventDefault()` çağırmanız gerekir.
+* `onDragOverCapture`: `onDragOver`’ın [capture phase](/learn/responding-to-events#capture-phase-events)’de fire eden bir versiyonu.
+* [`onDragStart`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/dragstart_event): Bir [`DragEvent` handler](#dragevent-handler) function’ı. User bir element’i drag etmeye başladığında fire eder.
+* `onDragStartCapture`: `onDragStart`’ın [capture phase](/learn/responding-to-events#capture-phase-events)’de fire eden bir versiyonu.
+* [`onDrop`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/drop_event): Bir [`DragEvent` handler](#dragevent-handler) function’ı. Valid bir drop target üzerine bir şey drop edildiğinde fire eder.
+* `onDropCapture`: `onDrop`’un [capture phase](/learn/responding-to-events#capture-phase-events)’de fire eden bir versiyonu.
+* `onFocus`: Bir [`FocusEvent` handler](#focusevent-handler) function’ı. Bir element focus aldığında fire eder. Built-in browser [`focus`](https://developer.mozilla.org/en-US/docs/Web/API/Element/focus_event) event’inden farklı olarak, React’ta `onFocus` event’i bubble eder.
+* `onFocusCapture`: `onFocus`’un [capture phase](/learn/responding-to-events#capture-phase-events)’de fire eden bir versiyonu.
+* [`onGotPointerCapture`](https://developer.mozilla.org/en-US/docs/Web/API/Element/gotpointercapture_event): Bir [`PointerEvent` handler](#pointerevent-handler) function’ı. Bir element programmatically bir pointer’ı capture ettiğinde fire eder.
+* `onGotPointerCaptureCapture`: `onGotPointerCapture`’ın [capture phase](/learn/responding-to-events#capture-phase-events)’de fire eden bir versiyonu.
+* [`onKeyDown`](https://developer.mozilla.org/en-US/docs/Web/API/Element/keydown_event): Bir [`KeyboardEvent` handler](#keyboardevent-handler) function’ı. Bir key basıldığında fire eder.
+* `onKeyDownCapture`: `onKeyDown`’un [capture phase](/learn/responding-to-events#capture-phase-events)’de fire eden bir versiyonu.
+* [`onKeyPress`](https://developer.mozilla.org/en-US/docs/Web/API/Element/keypress_event): Bir [`KeyboardEvent` handler](#keyboardevent-handler) function’ı. Deprecated. Bunun yerine `onKeyDown` veya `onBeforeInput` kullanın.
+* `onKeyPressCapture`: `onKeyPress`’in [capture phase](/learn/responding-to-events#capture-phase-events)’de fire eden bir versiyonu.
+* [`onKeyUp`](https://developer.mozilla.org/en-US/docs/Web/API/Element/keyup_event): Bir [`KeyboardEvent` handler](#keyboardevent-handler) function’ı. Bir key serbest bırakıldığında fire eder.
+* `onKeyUpCapture`: `onKeyUp`’ın [capture phase](/learn/responding-to-events#capture-phase-events)’de fire eden bir versiyonu.
+* [`onLostPointerCapture`](https://developer.mozilla.org/en-US/docs/Web/API/Element/lostpointercapture_event): Bir [`PointerEvent` handler](#pointerevent-handler) function’ı. Bir element bir pointer’ı capture etmeyi bıraktığında fire eder.
+* `onLostPointerCaptureCapture`: `onLostPointerCapture`’ın [capture phase](/learn/responding-to-events#capture-phase-events)’de fire eden bir versiyonu.
+* [`onMouseDown`](https://developer.mozilla.org/en-US/docs/Web/API/Element/mousedown_event): Bir [`MouseEvent` handler](#mouseevent-handler) function’ı. Pointer basıldığında fire eder.
+* `onMouseDownCapture`: `onMouseDown`’un [capture phase](/learn/responding-to-events#capture-phase-events)’de fire eden bir versiyonu.
+* [`onMouseEnter`](https://developer.mozilla.org/en-US/docs/Web/API/Element/mouseenter_event): Bir [`MouseEvent` handler](#mouseevent-handler) function’ı. Pointer bir element’in içine hareket ettiğinde fire eder. Capture phase’i yoktur. Bunun yerine, `onMouseLeave` ve `onMouseEnter`, çıkılan element’ten girilen element’e doğru propagate eder.
+* [`onMouseLeave`](https://developer.mozilla.org/en-US/docs/Web/API/Element/mouseleave_event): Bir [`MouseEvent` handler](#mouseevent-handler) function’ı. Pointer bir element’in dışına hareket ettiğinde fire eder. Capture phase’i yoktur. Bunun yerine, `onMouseLeave` ve `onMouseEnter`, çıkılan element’ten girilen element’e doğru propagate eder.
+* [`onMouseMove`](https://developer.mozilla.org/en-US/docs/Web/API/Element/mousemove_event): Bir [`MouseEvent` handler](#mouseevent-handler) function’ı. Pointer coordinate’leri değiştiğinde fire eder.
+* `onMouseMoveCapture`: `onMouseMove`’un [capture phase](/learn/responding-to-events#capture-phase-events)’de fire eden bir versiyonu.
+* [`onMouseOut`](https://developer.mozilla.org/en-US/docs/Web/API/Element/mouseout_event): Bir [`MouseEvent` handler](#mouseevent-handler) function’ı. Pointer bir element’in dışına hareket ettiğinde veya bir child element’in içine hareket ettiğinde fire eder.
+* `onMouseOutCapture`: `onMouseOut`’un [capture phase](/learn/responding-to-events#capture-phase-events)’de fire eden bir versiyonu.
+* [`onMouseUp`](https://developer.mozilla.org/en-US/docs/Web/API/Element/mouseup_event): Bir [`MouseEvent` handler](#mouseevent-handler) function’ı. Pointer serbest bırakıldığında fire eder.
+* `onMouseUpCapture`: `onMouseUp`’ın [capture phase](/learn/responding-to-events#capture-phase-events)’de fire eden bir versiyonu.
+* [`onPointerCancel`](https://developer.mozilla.org/en-US/docs/Web/API/Element/pointercancel_event): Bir [`PointerEvent` handler](#pointerevent-handler) function’ı. Browser bir pointer interaction’ı cancel ettiğinde fire eder.
+* `onPointerCancelCapture`: `onPointerCancel`’ın [capture phase](/learn/responding-to-events#capture-phase-events)’de fire eden bir versiyonu.
+* [`onPointerDown`](https://developer.mozilla.org/en-US/docs/Web/API/Element/pointerdown_event): Bir [`PointerEvent` handler](#pointerevent-handler) function’ı. Bir pointer active hale geldiğinde fire eder.
+* `onPointerDownCapture`: `onPointerDown`’un [capture phase](/learn/responding-to-events#capture-phase-events)’de fire eden bir versiyonu.
+* [`onPointerEnter`](https://developer.mozilla.org/en-US/docs/Web/API/Element/pointerenter_event): Bir [`PointerEvent` handler](#pointerevent-handler) function’ı. Bir pointer bir element’in içine hareket ettiğinde fire eder. Capture phase’i yoktur. Bunun yerine, `onPointerLeave` ve `onPointerEnter`, çıkılan element’ten girilen element’e doğru propagate eder.
+* [`onPointerLeave`](https://developer.mozilla.org/en-US/docs/Web/API/Element/pointerleave_event): Bir [`PointerEvent` handler](#pointerevent-handler) function’ı. Bir pointer bir element’in dışına hareket ettiğinde fire eder. Capture phase’i yoktur. Bunun yerine, `onPointerLeave` ve `onPointerEnter`, çıkılan element’ten girilen element’e doğru propagate eder.
+* [`onPointerMove`](https://developer.mozilla.org/en-US/docs/Web/API/Element/pointermove_event): Bir [`PointerEvent` handler](#pointerevent-handler) function’ı. Bir pointer coordinate’leri değiştiğinde fire eder.
+* `onPointerMoveCapture`: `onPointerMove`’un [capture phase](/learn/responding-to-events#capture-phase-events)’de fire eden bir versiyonu.
+* [`onPointerOut`](https://developer.mozilla.org/en-US/docs/Web/API/Element/pointerout_event): Bir [`PointerEvent` handler](#pointerevent-handler) function’ı. Bir pointer bir element’in dışına hareket ettiğinde, pointer interaction cancel edildiğinde ve [birkaç başka nedenle](https://developer.mozilla.org/en-US/docs/Web/API/Element/pointerout_event) fire eder.
+* `onPointerOutCapture`: `onPointerOut`’un [capture phase](/learn/responding-to-events#capture-phase-events)’de fire eden bir versiyonu.
+* [`onPointerUp`](https://developer.mozilla.org/en-US/docs/Web/API/Element/pointerup_event): Bir [`PointerEvent` handler](#pointerevent-handler) function’ı. Bir pointer artık active olmadığında fire eder.
+* `onPointerUpCapture`: `onPointerUp`’ın [capture phase](/learn/responding-to-events#capture-phase-events)’de fire eden bir versiyonu.
+* [`onPaste`](https://developer.mozilla.org/en-US/docs/Web/API/Element/paste_event): Bir [`ClipboardEvent` handler](#clipboardevent-handler) function’ı. User clipboard’dan bir şey paste etmeye çalıştığında fire eder.
+* `onPasteCapture`: `onPaste`’in [capture phase](/learn/responding-to-events#capture-phase-events)’de fire eden bir versiyonu.
+* [`onScroll`](https://developer.mozilla.org/en-US/docs/Web/API/Element/scroll_event): Bir [`Event` handler](#event-handler) function’ı. Bir element scroll edildiğinde fire eder. Bu event bubble etmez.
+* `onScrollCapture`: `onScroll`’un [capture phase](/learn/responding-to-events#capture-phase-events)’de fire eden bir versiyonu.
+* [`onSelect`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/select_event): Bir [`Event` handler](#event-handler) function’ı. Bir input gibi editable bir element içindeki selection değiştikten sonra fire eder. React, `onSelect` event’ini `contentEditable={true}` element’lerinde de çalışacak şekilde extend eder. Ek olarak React, empty selection ve edit’lerde de fire edecek şekilde extend eder (bu selection’ı etkileyebilir).
+* `onSelectCapture`: `onSelect`’in [capture phase](/learn/responding-to-events#capture-phase-events)’de fire eden bir versiyonu.
+* [`onTouchCancel`](https://developer.mozilla.org/en-US/docs/Web/API/Element/touchcancel_event): Bir [`TouchEvent` handler](#touchevent-handler) function’ı. Browser bir touch interaction’ı cancel ettiğinde fire eder.
+* `onTouchCancelCapture`: `onTouchCancel`’ın [capture phase](/learn/responding-to-events#capture-phase-events)’de fire eden bir versiyonu.
+* [`onTouchEnd`](https://developer.mozilla.org/en-US/docs/Web/API/Element/touchend_event): Bir [`TouchEvent` handler](#touchevent-handler) function’ı. Bir veya daha fazla touch point kaldırıldığında fire eder.
+* `onTouchEndCapture`: `onTouchEnd`’in [capture phase](/learn/responding-to-events#capture-phase-events)’de fire eden bir versiyonu.
+* [`onTouchMove`](https://developer.mozilla.org/en-US/docs/Web/API/Element/touchmove_event): Bir [`TouchEvent` handler](#touchevent-handler) function’ı. Bir veya daha fazla touch point hareket ettirildiğinde fire eder.
+* `onTouchMoveCapture`: `onTouchMove`’un [capture phase](/learn/responding-to-events#capture-phase-events)’de fire eden bir versiyonu.
+* [`onTouchStart`](https://developer.mozilla.org/en-US/docs/Web/API/Element/touchstart_event): Bir [`TouchEvent` handler](#touchevent-handler) function’ı. Bir veya daha fazla touch point yerleştirildiğinde fire eder.
+* `onTouchStartCapture`: `onTouchStart`’ın [capture phase](/learn/responding-to-events#capture-phase-events)’de fire eden bir versiyonu.
+* [`onTransitionEnd`](https://developer.mozilla.org/en-US/docs/Web/API/Element/transitionend_event): Bir [`TransitionEvent` handler](#transitionevent-handler) function’ı. Bir CSS transition tamamlandığında fire eder.
+* `onTransitionEndCapture`: `onTransitionEnd`’in [capture phase](/learn/responding-to-events#capture-phase-events)’de fire eden bir versiyonu.
+* [`onWheel`](https://developer.mozilla.org/en-US/docs/Web/API/Element/wheel_event): Bir [`WheelEvent` handler](#wheelevent-handler) function’ı. User bir wheel button’ı döndürdüğünde fire eder.
+* `onWheelCapture`: `onWheel`’in [capture phase](/learn/responding-to-events#capture-phase-events)’de fire eden bir versiyonu.
+* [`role`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles): Bir string. Assistive technology’ler için element role’ünü açıkça belirtir.
+* [`slot`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles): Bir string. Shadow DOM kullanırken slot name’i belirtir. React’ta equivalent pattern genellikle JSX’i props olarak pass ederek elde edilir; örneğin `<Layout left={<Sidebar />} right={<Content />} />`.
+* [`spellCheck`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/spellcheck): Bir boolean veya null. Açıkça `true` veya `false` olarak set edilirse, spellchecking’i enable veya disable eder.
+* [`tabIndex`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex): Bir number. Default Tab button behavior’ını override eder. [`-1` ve `0` dışındaki value’ları kullanmaktan kaçının.](https://www.tpgi.com/using-the-tabindex-attribute/)
+* [`title`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title): Bir string. Element için tooltip text’ini belirtir.
+* [`translate`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/translate): `'yes'` veya `'no'`. `'no'` pass etmek, element content’inin translate edilmesini engeller.
 
 Prop olarak özel nitelikler de verebilirsiniz, örneğin `ozelprop="herhangiBirDeger"`. Bu, üçüncü parti kütüphaneleri entegre ederken işinize yarayabilir. Özel nitelik isimlerinin küçük harflerle yazılması ve `on` ile başlamaması gerekmektedir. Değer bir stringe dönüştürülecek. Eğer `null` veya `undefined` verirseniz bu özel nitelik kaldırılacaktır.
 
@@ -418,25 +300,14 @@ Bazı React olayları tarayıcının yerel olaylarıyla birebir eşleşmez. Örn
 
 React olay nesneleri bazı standart [`Event`](https://developer.mozilla.org/en-US/docs/Web/API/Event) özelliklerini uygular:
 
-<<<<<<< HEAD
-* [`bubbles`](https://developer.mozilla.org/en-US/docs/Web/API/Event/bubbles): Bir boolean. Olayın DOM boyunca kabarıp kabarmadığını döndürür.
-* [`cancelable`](https://developer.mozilla.org/en-US/docs/Web/API/Event/cancelable): Bir boolean. Olayın iptal edip edilemediğini döndürür.
-* [`currentTarget`](https://developer.mozilla.org/en-US/docs/Web/API/Event/currentTarget): Bir DOM düğümü. Mevcut yöneticinin React ağacında bağlı olduğu düğümü döndürür.
-* [`defaultPrevented`](https://developer.mozilla.org/en-US/docs/Web/API/Event/defaultPrevented): Bir boolean. `preventDefault`'un çağırılıp çağırılmadığını döndürür.
-* [`eventPhase`](https://developer.mozilla.org/en-US/docs/Web/API/Event/eventPhase): Bir sayı. Olayın halihazırda bulunduğu aşamayı döndürür.
-* [`isTrusted`](https://developer.mozilla.org/en-US/docs/Web/API/Event/isTrusted): Bir boolean. Olayın kullanıcı tarafından oluşturulup oluşturulmadığını döndürür.
-* [`target`](https://developer.mozilla.org/en-US/docs/Web/API/Event/target): Bir DOM düğümü. Olayın gerçekleştiği düğümü döndürür (uzak bir alt eleman olabilir).
-* [`timeStamp`](https://developer.mozilla.org/en-US/docs/Web/API/Event/timeStamp): Bir sayı. Olayın gerçekleştiği zamanı döndürür.
-=======
-* [`bubbles`](https://developer.mozilla.org/en-US/docs/Web/API/Event/bubbles): A boolean. Returns whether the event bubbles through the DOM.
-* [`cancelable`](https://developer.mozilla.org/en-US/docs/Web/API/Event/cancelable): A boolean. Returns whether the event can be canceled.
-* [`currentTarget`](https://developer.mozilla.org/en-US/docs/Web/API/Event/currentTarget): A DOM node. Returns the node to which the current handler is attached in the React tree.
-* [`defaultPrevented`](https://developer.mozilla.org/en-US/docs/Web/API/Event/defaultPrevented): A boolean. Returns whether `preventDefault` was called.
-* [`eventPhase`](https://developer.mozilla.org/en-US/docs/Web/API/Event/eventPhase): A number. Returns which phase the event is currently in.
-* [`isTrusted`](https://developer.mozilla.org/en-US/docs/Web/API/Event/isTrusted): A boolean. Returns whether the event was initiated by user.
-* [`target`](https://developer.mozilla.org/en-US/docs/Web/API/Event/target): A DOM node. Returns the node on which the event has occurred (which could be a distant child).
-* [`timeStamp`](https://developer.mozilla.org/en-US/docs/Web/API/Event/timeStamp): A number. Returns the time when the event occurred.
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+* [`bubbles`](https://developer.mozilla.org/en-US/docs/Web/API/Event/bubbles): Bir boolean. Event’in DOM boyunca bubble edip etmediğini return eder.
+* [`cancelable`](https://developer.mozilla.org/en-US/docs/Web/API/Event/cancelable): Bir boolean. Event’in cancel edilip edilemeyeceğini return eder.
+* [`currentTarget`](https://developer.mozilla.org/en-US/docs/Web/API/Event/currentTarget): Bir DOM node. React tree içinde current handler’ın attach edildiği node’u return eder.
+* [`defaultPrevented`](https://developer.mozilla.org/en-US/docs/Web/API/Event/defaultPrevented): Bir boolean. `preventDefault` çağrılıp çağrılmadığını return eder.
+* [`eventPhase`](https://developer.mozilla.org/en-US/docs/Web/API/Event/eventPhase): Bir number. Event’in şu anda hangi phase’de olduğunu return eder.
+* [`isTrusted`](https://developer.mozilla.org/en-US/docs/Web/API/Event/isTrusted): Bir boolean. Event’in user tarafından başlatılıp başlatılmadığını return eder.
+* [`target`](https://developer.mozilla.org/en-US/docs/Web/API/Event/target): Bir DOM node. Event’in gerçekleştiği node’u return eder (bu uzak bir child olabilir).
+* [`timeStamp`](https://developer.mozilla.org/en-US/docs/Web/API/Event/timeStamp): Bir number. Event’in gerçekleştiği zamanı return eder.
 
 Ek olarak, React olay nesneleri şu özellikleri de sağlar:
 
@@ -789,13 +660,8 @@ Fare olayları için bir olay yöneticisi tipi.
   * [`shiftKey`](https://developer.mozilla.org/en-US/docs/Web/API/TouchEvent/shiftKey)
   * [`touches`](https://developer.mozilla.org/en-US/docs/Web/API/TouchEvent/touches)
   * [`targetTouches`](https://developer.mozilla.org/en-US/docs/Web/API/TouchEvent/targetTouches)
-<<<<<<< HEAD
-  
-  Ayrıca kalıtılmış [`UIEvent`](https://developer.mozilla.org/en-US/docs/Web/API/UIEvent) özellikleri de buna dahildir:
-=======
 
-  It also includes the inherited [`UIEvent`](https://developer.mozilla.org/en-US/docs/Web/API/UIEvent) properties:
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+  Ayrıca inherited [`UIEvent`](https://developer.mozilla.org/en-US/docs/Web/API/UIEvent) property’lerini de içerir: 
 
   * [`detail`](https://developer.mozilla.org/en-US/docs/Web/API/UIEvent/detail)
   * [`view`](https://developer.mozilla.org/en-US/docs/Web/API/UIEvent/view)

From 61ffedcf302bb8c869405072bedb47fa8bbb3750 Mon Sep 17 00:00:00 2001
From: anilcanboga <anlcn.boga@hotmail.com>
Date: Sat, 27 Jun 2026 15:44:29 +0300
Subject: [PATCH 41/42] renderToPipeableStream.md

---
 .../server/renderToPipeableStream.md          | 30 ++++---------------
 1 file changed, 5 insertions(+), 25 deletions(-)

diff --git a/src/content/reference/react-dom/server/renderToPipeableStream.md b/src/content/reference/react-dom/server/renderToPipeableStream.md
index 2ab8944be..fd20d2a52 100644
--- a/src/content/reference/react-dom/server/renderToPipeableStream.md
+++ b/src/content/reference/react-dom/server/renderToPipeableStream.md
@@ -294,11 +294,7 @@ Effect veya olay yöneticisi içinde veri alınırken Suspense **tespit edilmez*
 
 Yukarıdaki `Posts` bileşenininde veri getirmenin tam yolu framework'ünüze bağlıdır. Suspense özelliği etkin bir framework kullanırsanız, detayları framework'ünüzün veri getirme dokümantasyonunun içinde bulabilirsiniz.
 
-<<<<<<< HEAD
-Kanaat sahibi bir framework (opinionated framework) olmadan Suspense özelliği etkin veri çekme henüz desteklenmemektedir. Suspense özellikli bir veri kaynağının uygulanmasına yönelik gereksinimler stabil değildir ve dokümantasyonu yoktur. React'ın sonraski sürümlerinde, veri kaynaklarını Suspense ile entegre etmek için resmi bir API yayınlanacaktır.
-=======
-Suspense-enabled data fetching without the use of an opinionated framework is not yet supported. The requirements for implementing a Suspense-enabled data source are unstable and undocumented. An official API for integrating data sources with Suspense will be released in a future version of React.
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+Opinionated bir framework kullanmadan Suspense-enabled data fetching henüz support edilmemektedir. Suspense-enabled bir data source implement etmek için gereken requirements unstable ve undocumented durumdadır. Data source’ları Suspense ile integrate etmek için official API, React’in future bir version’ında release edilecektir.
 
 </Note>
 
@@ -464,11 +460,7 @@ const { pipe } = renderToPipeableStream(<App />, {
   onShellError(error) {
     response.statusCode = 500;
     response.setHeader('content-type', 'text/html');
-<<<<<<< HEAD
-    response.send('<h1>Bir şey yanlış gitti.</h1>'); 
-=======
-    response.send('<h1>Something went wrong</h1>');
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+    response.send('<h1>Bir şey yanlış gitti</h1>');
   },
   onError(error) {
     console.error(error);
@@ -494,11 +486,7 @@ const { pipe } = renderToPipeableStream(<App />, {
   onShellError(error) {
     response.statusCode = 500;
     response.setHeader('content-type', 'text/html');
-<<<<<<< HEAD
-    response.send('<h1>Bir şey yanlış gitti.</h1>'); 
-=======
-    response.send('<h1>Something went wrong</h1>');
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+    response.send('<h1>Bir şey yanlış gitti</h1>');
   },
   onError(error) {
     didError = true;
@@ -543,11 +531,7 @@ const { pipe } = renderToPipeableStream(<App />, {
   onShellError(error) {
    response.statusCode = getStatusCode();
    response.setHeader('content-type', 'text/html');
-<<<<<<< HEAD
-   response.send('<h1>Bir şey yanlış gitti.</h1>'); 
-=======
-   response.send('<h1>Something went wrong</h1>');
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+   response.send('<h1>Bir şey yanlış gitti</h1>');
   },
   onError(error) {
     didError = true;
@@ -587,11 +571,7 @@ const { pipe } = renderToPipeableStream(<App />, {
   onShellError(error) {
     response.statusCode = 500;
     response.setHeader('content-type', 'text/html');
-<<<<<<< HEAD
-    response.send('<h1>Bir şey ters gitti.</h1>'); 
-=======
-    response.send('<h1>Something went wrong</h1>');
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+    response.send('<h1>Bir şey yanlış gitti</h1>');
   },
   onAllReady() {
     if (isCrawler) {

From 71e594d7c97abf8e953b5e74c90b9afaf431f838 Mon Sep 17 00:00:00 2001
From: anilcanboga <anlcn.boga@hotmail.com>
Date: Sat, 27 Jun 2026 15:44:35 +0300
Subject: [PATCH 42/42] renderToReadableStream.md

---
 .../reference/react-dom/server/renderToReadableStream.md    | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/src/content/reference/react-dom/server/renderToReadableStream.md b/src/content/reference/react-dom/server/renderToReadableStream.md
index 3720a2dfd..c8f5c69e7 100644
--- a/src/content/reference/react-dom/server/renderToReadableStream.md
+++ b/src/content/reference/react-dom/server/renderToReadableStream.md
@@ -293,11 +293,7 @@ Suspense, bir Effect veya event handler içinde veri çekildiğinde **bunu algı
 
 Yukarıdaki `Posts` component’inde veriyi nasıl yükleyeceğiniz kullandığınız framework’e bağlıdır. Eğer Suspense destekli bir framework kullanıyorsanız, detaylar veri çekme dokümantasyonunda bulunabilir.
 
-<<<<<<< HEAD
-Opinionated bir framework kullanmadan Suspense destekli veri çekme henüz desteklenmemektedir. Suspense destekli bir veri kaynağı uygulamak için gerekenler kararsız ve dokümante edilmemiştir. Suspense ile veri kaynaklarını entegre etmek için resmi bir API, React’in gelecekteki bir sürümünde yayınlanacaktır.
-=======
-Suspense-enabled data fetching without the use of an opinionated framework is not yet supported. The requirements for implementing a Suspense-enabled data source are unstable and undocumented. An official API for integrating data sources with Suspense will be released in a future version of React.
->>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
+Opinionated bir framework kullanmadan Suspense-enabled data fetching henüz support edilmemektedir. Suspense-enabled bir data source implement etmek için gereken requirements unstable ve undocumented durumdadır. Data source’ları Suspense ile integrate etmek için official API, React’in future bir version’ında release edilecektir.
 
 </Note>