@@ -36,7 +36,7 @@
     "classnames": "^2.2.6",
     "debounce": "^1.2.1",
     "github-slugger": "^1.3.0",
-    "next": "15.5.18",
+    "next": "15.5.21",
     "next-remote-watch": "^1.0.0",
     "parse-numeric-range": "^1.2.0",
     "raw-loader": "^4.0.2",
@@ -47,9 +47,9 @@
     "remark-gfm": "^3.0.1"
   },
   "devDependencies": {
-    "@babel/core": "^7.12.9",
-    "@babel/plugin-transform-modules-commonjs": "^7.18.6",
-    "@babel/preset-react": "^7.18.6",
+    "@babel/core": "7.29.6",
+    "@babel/plugin-transform-modules-commonjs": "7.28.6",
+    "@babel/preset-react": "7.28.5",
     "@mdx-js/mdx": "^2.1.3",
     "@resvg/resvg-js": "^2.6.2",
     "@shuding/opentype.js": "1.4.0-beta.0",
@@ -89,7 +89,7 @@
     "mdast-util-to-string": "^1.1.0",
     "metro-cache": "0.72.2",
     "npm-run-all": "^4.1.5",
-    "postcss": "^8.5.10",
+    "postcss": "^8.5.23",
     "postcss-flexbugs-fixes": "4.2.1",
     "postcss-preset-env": "^6.7.0",
     "prettier": "^2.5.1",
@@ -123,4 +123,4 @@
     "src/**/*.md": "yarn fix-headings"
   },
   "packageManager": "yarn@1.22.22"
-}
+}
@@ -347,7 +347,7 @@ export function Footer() {
             Topluluk
           </FooterLink>
           <FooterLink href="https://github.com/react/react/blob/main/CODE_OF_CONDUCT.md">
-            Davranış Kuralları 1{' '}
+            Davranış Kuralları
           </FooterLink>
           <FooterLink href="/community/team">Takımla Tanışın</FooterLink>
           <FooterLink href="/community/docs-contributors">
 
@@ -901,11 +901,11 @@ body {
 
 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.
 
-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:
+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:
 
 ![yeni tab’da açma](../images/tutorial/sandbox-new-tab.png)
 
-Ardından preview sayfasında browser’ınızın DevTools’unu açın ve *Components* tab’ını bulun:
+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)
 
 
@@ -36,7 +36,6 @@ title: <Suspense>
 - React, suspended content’i son reveal’dan itibaren ölçülen en fazla 300ms’de bir reveal eder. Bu pencere içinde ready olan boundary’ler tek tek değil, [birlikte reveal edilir](/blog/2025/10/01/react-19-2#batching-suspense-boundaries-for-ssr).
 - React, tekrar suspend olduğu için zaten visible olan content’i hide etmek zorunda kalırsa, content tree içindeki [layout Effects](/reference/react/useLayoutEffect)’leri cleanup eder. Content tekrar gösterilmeye hazır olduğunda, React layout Effects’i tekrar çalıştırır. Bu, DOM layout’unu ölçen Effects’in content hidden durumdayken bunu yapmaya çalışmamasını sağlar.
 - React, Suspense ile entegre olan **Streaming Server Rendering** ve **Selective Hydration** gibi under-the-hood optimizasyonlar içerir. Daha fazla bilgi edinmek için [mimari overview](https://github.com/reactwg/react-18/discussions/37) okuyun ve [teknik konuşmayı](https://www.youtube.com/watch?v=pj5N-Khihgc) izleyin.
-- React, Suspense ile entegre olan **Streaming Server Rendering** ve **Selective Hydration** gibi under-the-hood optimizasyonlar içerir. Daha fazla bilgi edinmek için [mimari overview](https://github.com/reactwg/react-18/discussions/37) okuyun ve [teknik konuşmayı](https://www.youtube.com/watch?v=pj5N-Khihgc) izleyin.
 
 ---
 
 
@@ -29,7 +29,6 @@ function Button() {
   const theme = use(ThemeContext);
   // ...
 ```
-Diğer React Hook'ların aksine, Döngülerin ve `if` gibi koşullu ifadeler içerisinde `use` kullanılabilir. Diğer React Hook'lar gibi, `use` kullanan fonksiyon bir Bileşen veya Hook olmalıdır.
 
 [See more examples below.](#usage-context)
 
@@ -1514,7 +1513,12 @@ function Albums({ albumsPromise }) {
 </ErrorBoundary>
 ```
 
----
+```jsx
+function Albums({ albumsPromise }) {
+  // ✅ Call `use` without try-catch
+  const albums = use(albumsPromise);
+  // ...
+```
 
 ### Şu uyarıyı alıyorum: "A component was suspended by an uncached promise" {/*uncached-promise-error*/}
 
@@ -1538,4 +1542,4 @@ Bunu düzeltmek için, aynı instance’ın yeniden kullanılmasını sağlayaca
 const albums = use(fetchData('/albums'));
 ```
 
-Daha fazla detay için [Client Components için Promise cache’leme](#caching-promises-for-client-components) bölümüne bakın.
+Daha fazla detay için [Client Components için Promise cache’leme](#caching-promises-for-client-components) bölümüne bakın.
@@ -86,8 +86,8 @@ Güncellemeler esnasında, <CodeStep step={2}>ertelenmiş değer</CodeStep> en s
 
 <Note>
 
-Bu örnek, [`use`](/reference/react/use) ile okuduğunuz bir Promise gibi [Suspense boundary’yi aktive eden](/reference/react/Suspense#what-activates-a-suspense-boundary) bir data source kullandığınızı varsayar.\
-\
+Bu örnek, [`use`](/reference/react/use) ile okuduğunuz bir Promise gibi, [Suspense boundary’yi aktive eden](/reference/react/Suspense#what-activates-a-suspense-boundary) bir data source kullandığınızı varsayar.
+
 [Suspense hakkında daha fazla bilgi edinin.](/reference/react/Suspense)
 
 </Note>
 
@@ -734,8 +734,8 @@ Bununla birlikte bu sorunla karşılaştığınızda seçebileceğiniz birkaç f
 
 - `useLayoutEffect`'i [`useEffect`](/reference/react/useEffect) ile değiştirin. Bu, React'a ekrana çizme işlemini bloke etmesine gerek olmadan ilk render sonucunu görüntüleyebileceğini söyler (çünkü efektiniz çalışmadan önce HTML render edilmiş olacaktır).
 
-- <CanaryBadge /> Alternatif olarak, component’i browser-only olarak işaretlemek için [`use(browser())`](/reference/react/use#use-browser) çağırın. React, server rendering sırasında en yakın [`<Suspense>`](/reference/react/Suspense) boundary’ye kadar olan content’ini bir loading fallback (örneğin spinner veya glimmer) ile değiştirir.\
-\
+- <CanaryBadge /> Alternatif olarak, component’i browser-only olarak işaretlemek için [`use(browser())`](/reference/react/use#use-browser) çağırın. React, server rendering sırasında en yakın [`<Suspense>`](/reference/react/Suspense) boundary’ye kadar olan content’ini bir loading fallback (örneğin spinner veya glimmer) ile değiştirir.
+
 - Alternatif olarak, [component’inizi client-only olarak işaretleyin.](/reference/react/Suspense#providing-a-fallback-for-server-errors-and-client-only-content) Bu, React’e server rendering sırasında en yakın `<Suspense>` boundary’ye kadar olan content’ini bir loading fallback ile değiştirmesini söyler.
 
 - Alternatif olarak, `useLayoutEffect` kullanan bileşeni hidratlama sonrasında render ettirebilirsiniz. Başlangıç değeri `false` olan `isMounted` isminde bir state oluşturun ve `useEffect` içerisinde `true` olarak ayarlayın. Render ederken lojiğiniz şöyle olabilir: `return isMounted ? <RealContent /> : <FallbackContent />`. Sunucudayken veya hidratlama sırasında, kullanıcı `useLayoutEffect` çağırılmayan `FallbackContent`'i görür. İstemci tarafında React, içeriği `RealContent` ile değiştirir.