@@ -150,11 +150,7 @@ React ekibi birkaç güncellemeyi paylaşmaktan heyecan duyuyor:
 
 ### Tüm sürüm notları {/*all-release-notes*/}
 
-<<<<<<< HEAD
-Her React sürümü kendi blog yazısını hak etmez, ancak React deposundaki [`CHANGELOG.md`](https://github.com/facebook/react/blob/main/CHANGELOG.md) dosyasında ve [Releases](https://github.com/facebook/react/releases) sayfasında her sürüm için ayrıntılı bir değişiklik günlüğü bulabilirsiniz.
-=======
-Not every React release deserves its own blog post, but you can find a detailed changelog for every release in the [`CHANGELOG.md`](https://github.com/react/react/blob/main/CHANGELOG.md) file in the React repository, as well as on the [Releases](https://github.com/react/react/releases) page.
->>>>>>> 6be2b020a0cabf2fd6dbff5c42c399b8ac323bca
+Her React release’i kendi blog post’unu hak etmeyebilir, ancak her release için detaylı changelog’u React repository’sindeki [`CHANGELOG.md`](https://github.com/react/react/blob/main/CHANGELOG.md) dosyasında ve [Releases](https://github.com/react/react/releases) sayfasında bulabilirsiniz.
 
 ---
 
 
@@ -10,11 +10,7 @@ React milyonlarca geliştiriciden oluşan bir topluluğa sahiptir. Bu sayfada bi
 
 ## Davranış Kuralları {/*code-of-conduct*/}
 
-<<<<<<< HEAD
-React topluluklarına katılmadan önce, [lütfen Davranış Kurallarımızı okuyun.](https://github.com/facebook/react/blob/main/CODE_OF_CONDUCT.md) Biz, [Katkı Sağlayıcı Tüzüğünü](https://www.contributor-covenant.org/) benimsedik ve tüm topluluk üyelerinin bu kurallara uymasını bekliyoruz.
-=======
-Before participating in React's communities, [please read our Code of Conduct.](https://github.com/react/react/blob/main/CODE_OF_CONDUCT.md) We have adopted the [Contributor Covenant](https://www.contributor-covenant.org/) and we expect that all community members adhere to the guidelines within.
->>>>>>> 6be2b020a0cabf2fd6dbff5c42c399b8ac323bca
+React topluluklarına katılmadan önce, [lütfen Code of Conduct’ımızı okuyun.](https://github.com/react/react/blob/main/CODE_OF_CONDUCT.md) [Contributor Covenant](https://www.contributor-covenant.org/)’ı benimsedik ve tüm community üyelerinin buradaki guideline’lara uymasını bekliyoruz.
 
 ## Stack Overflow {/*stack-overflow*/}
 
 
@@ -899,33 +899,19 @@ body {
 
 ### React Geliştirici Araçları {/*react-developer-tools*/}
 
-<<<<<<< HEAD
-React DevTools, React bileşenlerinizin prop'larını ve state'ini kontrol etmenize olanak sağlar. React DevTools sekmesini CodeSandbox'ın _browser_ bölümünün en altında bulabilirsiniz:
+React Developer Tools, React component’lerinizin props ve state’ini kontrol etmenizi sağlar. [Chrome](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en), [Firefox](https://addons.mozilla.org/en-US/firefox/addon/react-devtools/) ve [Edge](https://microsoftedge.microsoft.com/addons/detail/react-developer-tools/gpphkfbcpidddadnkolkpfckpihlkkil) browser extension olarak kullanılabilir.
 
-![CodeSandbox'ta React DevTools](../images/tutorial/codesandbox-devtools.png)
+Yükledikten sonra, React kullanan siteler için browser Developer Tools içinde yeni bir **Components** tab’ı görünür. CodeSandbox’ta takip ediyorsanız, önce sandbox preview’unuzu yeni bir tab’da açmanız gerekir:
 
-Ekrandaki herhangi bir bileşeni incelemek için, React DevTools'un sol üst köşesindeki butonu kullanın:
+![yeni tab’da açma](../images/tutorial/sandbox-new-tab.png)
 
-![React DevTools kullanarak ekrandaki bileşenleri seçmek](../images/tutorial/devtools-select.gif)
-=======
-React Developer Tools let you check the props and the state of your React components. It is available as a [Chrome](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en), [Firefox](https://addons.mozilla.org/en-US/firefox/addon/react-devtools/), and [Edge](https://microsoftedge.microsoft.com/addons/detail/react-developer-tools/gpphkfbcpidddadnkolkpfckpihlkkil) browser extension.
-
-After you install it, a new *Components* tab will appear in your browser Developer Tools for sites using React. If you're following along in CodeSandbox, you'd need to first open your sandbox preview in a new tab:
-
-![opening in new tab](../images/tutorial/sandbox-new-tab.png)
-
-Then, on the preview page, open your browser's DevTools and find the *Components* tab:
->>>>>>> 6be2b020a0cabf2fd6dbff5c42c399b8ac323bca
+Ardından preview sayfasında browser’ınızın DevTools’unu açın ve **Components** tab’ını bulun:
 
 ![components tab](../images/tutorial/components-tab.png)
 
-<<<<<<< HEAD
-Yerel geliştirme için, React DevTools, [Chrome](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en), [Firefox](https://addons.mozilla.org/en-US/firefox/addon/react-devtools/) ve [Edge](https://microsoftedge.microsoft.com/addons/detail/react-developer-tools/gpphkfbcpidddadnkolkpfckpihlkkil) tarayıcılarında eklentiye sahiptir. Eklentiyi kurun ve React kullanan sitelerde tarayıcınızın Geliştirici Araçlarında *Components(bileşenler)* sekmesi gözükecektir.
-=======
-To inspect a particular component on the screen, use the button in the top left corner of the Components tab:
+Ekrandaki belirli bir component’i inspect etmek için Components tab’ının sol üst köşesindeki button’u kullanın:
 
-![inspecting with devtools](../images/tutorial/devtools-inspect.gif)
->>>>>>> 6be2b020a0cabf2fd6dbff5c42c399b8ac323bca
+![devtools ile inspect etme](../images/tutorial/devtools-inspect.gif)
 
 
 ## Oyunu tamamlama {/*completing-the-game*/}
 
@@ -36,11 +36,7 @@ title: "Ortak bileşenler (örn. <div>)"
 
 * `suppressHydrationWarning`: Bir boolean. Eğer [sunucu taraflı render'lama](/reference/react-dom/server) kullanıyorsanız, sunucu ve istemci farklı içerikleri render ettiğinde normalde bir uyarı görürsünüz. Bazı ender durumlarda (zaman damgası gibi) ise birebir eşleşmeyi sağlamak çok zor veya imkansızdır. Eğer `suppressHydrationWarning`'i `true` olarak ayarlarsanız, React o elemanın içeriği ve niteliklerindeki yanlış eşleşmelerle ilgili bir uyarı vermeyecektir. Yalnızca bir kademe derinde çalışır ve bir kaçış yolu olarak kullanılması amaçlanmıştır. Gereğinden fazla kullanmayınız. [Hydration hatalarını baskılamayla ilgili daha fazlasını okuyun.](/reference/react-dom/client/hydrateRoot#suppressing-unavoidable-hydration-mismatch-errors)
 
-<<<<<<< HEAD
-* `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)
-=======
-* `style`: An object with CSS styles, for example `{ fontWeight: 'bold', margin: 20 }`. Similarly to the DOM [`style`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) property, the CSS property names need to be written as `camelCase`, for example `fontWeight` instead of `font-weight`. You can pass strings or numbers as values. If you pass a number, like `width: 100`, React will automatically append `px` ("pixels") to the value unless it's a [unitless property.](https://github.com/react/react/blob/81d4ee9ca5c405dce62f64e61506b8e155f38d8d/packages/react-dom-bindings/src/shared/CSSProperty.js#L8-L57) We recommend using `style` only for dynamic styles where you don't know the style values ahead of time. In other cases, applying plain CSS classes with `className` is more efficient. [Read more about `className` and `style`.](#applying-css-styles)
->>>>>>> 6be2b020a0cabf2fd6dbff5c42c399b8ac323bca
+* `style`: CSS style’larını içeren bir object, örneğin `{ fontWeight: 'bold', margin: 20 }`. DOM [`style`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) property’sine benzer şekilde, CSS property adlarının `camelCase` olarak yazılması gerekir; örneğin `font-weight` yerine `fontWeight`. Value olarak string veya number geçebilirsiniz. `width: 100` gibi bir number geçirirseniz, unitless bir [property](https://github.com/react/react/blob/81d4ee9ca5c405dce62f64e61506b8e155f38d8d/packages/react-dom-bindings/src/shared/CSSProperty.js#L8-L57) olmadığı sürece React value’ya otomatik olarak `px` ("pixels") ekler. `style`’ı yalnızca style value’larını önceden bilmediğiniz dynamic style’lar için kullanmanızı öneririz. Diğer durumlarda, plain CSS class’larını `className` ile uygulamak daha verimlidir. [`className` ve `style` hakkında daha fazla okuyun.](#applying-css-styles)
 
 Şu standart DOM prop'ları da tüm yerleşik bileşenlerde desteklenir: