From 9e97ad0bbc38800041ce908250fe0128a2d437b1 Mon Sep 17 00:00:00 2001 From: Aristos Markogiannakis Date: Thu, 30 Jul 2026 07:19:17 +0100 Subject: [PATCH 01/13] Add upcoming conferences for React and CityJS (#8438) Please accept my changes for React Alicante and CityJS Athens --- src/content/community/conferences.md | 34 ++++++++++++++++++++-------- 1 file changed, 24 insertions(+), 10 deletions(-) diff --git a/src/content/community/conferences.md b/src/content/community/conferences.md index 2e95e24ea..f3ae269bb 100644 --- a/src/content/community/conferences.md +++ b/src/content/community/conferences.md @@ -10,27 +10,41 @@ Do you know of a local React.js conference? Add it here! (Please keep the list c ## Upcoming Conferences {/*upcoming-conferences*/} -### React Paris 2026 {/*react-paris-2026*/} -March 26 - 27, 2026. In-person in Paris, France (hybrid event) +### ZurichJS Conf 2026 {/*zurichjs-conf-2026*/} +September 10-11, 2026. In-person in Zurich, Switzerland -[Website](https://react.paris/) - [Twitter](https://x.com/BeJS_) +[Website](https://conf.zurichjs.com?utm_campaign=ZurichJS_Conf&utm_source=referral&utm_content=reactjs_community_conferences) - [Twitter](https://x.com/zurichjs) - [LinkedIn](https://www.linkedin.com/company/zurichjs/) -### CityJS London 2026 {/*cityjs-london-2026*/} -April 14-17, 2026. In-person in London +### React Alicante 2026 {/*react-alicante-2026*/} +Sep 24 - 26, 2026. In-person in Alicante -[Website](https://india.cityjsconf.org/) - [Twitter](https://x.com/cityjsconf) - [Bluesky](https://bsky.app/profile/cityjsconf.bsky.social) +[Website](https://reactalicante.es//) - [Twitter](https://x.com/ReactAlicante) -### ZurichJS Conf 2026 {/*zurichjs-conf-2026*/} -September 10-11, 2026. In-person in Zurich, Switzerland +### CityJS Athens 2026 {/*cityjs-athens-2026*/} +October 21-23, 2026. In-person in Athens + +[Website](https://athens.cityjsconf.org/) - [Twitter](https://x.com/cityjsconf) - [Bluesky](https://bsky.app/profile/cityjsconf.bsky.social) + + +## Past Conferences {/*past-conferences*/} -[Website](https://conf.zurichjs.com?utm_campaign=ZurichJS_Conf&utm_source=referral&utm_content=reactjs_community_conferences) - [Twitter](https://x.com/zurichjs) - [LinkedIn](https://www.linkedin.com/company/zurichjs/) ### React Conf Japan 2027 {/*react-conf-japan-2027*/} April 24, 2027. In-person in Tokyo, Japan [Website](https://reactconf.jp/) - [Twitter](https://x.com/reactconfjp) -## Past Conferences {/*past-conferences*/} +### CityJS London 2026 {/*cityjs-london-2026*/} +April 14-17, 2026. In-person in London + +[Website](https://india.cityjsconf.org/) - [Twitter](https://x.com/cityjsconf) - [Bluesky](https://bsky.app/profile/cityjsconf.bsky.social) + + +### React Paris 2026 {/*react-paris-2026*/} +March 26 - 27, 2026. In-person in Paris, France (hybrid event) + +[Website](https://react.paris/) - [Twitter](https://x.com/BeJS_) + ### CityJS New Delhi 2026 {/*cityjs-newdelhi-2026*/} February 12-13, 2026. In-person in New Delhi, India From c7d6b700038c63d1aaf2c649af1aefe01ebbacac Mon Sep 17 00:00:00 2001 From: Ruslan Lesiutin <28902667+hoxyq@users.noreply.github.com> Date: Fri, 31 Jul 2026 13:38:41 +0100 Subject: [PATCH 02/13] Add conditional use warning deeplink (#8567) --- src/content/reference/react/use.md | 2 +- vercel.json | 5 +++++ 2 files changed, 6 insertions(+), 1 deletion(-) diff --git a/src/content/reference/react/use.md b/src/content/reference/react/use.md index 7388efa1c..a51873265 100644 --- a/src/content/reference/react/use.md +++ b/src/content/reference/react/use.md @@ -662,7 +662,7 @@ This cache pattern is the foundation for [re-fetching data](#re-fetching-data-in -Don't skip calling `use` based on whether a Promise is already settled. +##### Don't skip calling `use` based on whether a Promise is already settled. {/*conditional-use*/} Unlike other hooks, `use` can be called inside conditions and loops — but it must always be called for the Promise itself. Never read `promise.status` or `promise.value` directly to bypass `use`; always pass the Promise to `use` and let React handle it. diff --git a/vercel.json b/vercel.json index 87d006def..2aa3316c5 100644 --- a/vercel.json +++ b/vercel.json @@ -174,6 +174,11 @@ "destination": "/warnings/invalid-hook-call-warning#mismatching-versions-of-react-and-react-dom", "permanent": false }, + { + "source": "/warnings/conditional-use-of-use", + "destination": "/reference/react/use#conditional-use", + "permanent": false + }, { "source": "/reference/react/directives", "destination": "/reference/rsc/directives", From e57d2fa5ca1356f654972e1bb92671291f0652e7 Mon Sep 17 00:00:00 2001 From: anilcanboga Date: Mon, 21 Sep 2026 20:22:14 +0300 Subject: [PATCH 03/13] Footer.tsx --- src/components/Layout/Footer.tsx | 7 +------ 1 file changed, 1 insertion(+), 6 deletions(-) diff --git a/src/components/Layout/Footer.tsx b/src/components/Layout/Footer.tsx index c53b5a5d9..8413d76aa 100644 --- a/src/components/Layout/Footer.tsx +++ b/src/components/Layout/Footer.tsx @@ -346,13 +346,8 @@ export function Footer() { Topluluk -<<<<<<< HEAD - - Davranış Kuralları -======= - Code of Conduct ->>>>>>> c7d6b700038c63d1aaf2c649af1aefe01ebbacac + Davranış Kuralları Takımla Tanışın From f635c7a6a7a42e8c5231b236527f94957c161696 Mon Sep 17 00:00:00 2001 From: anilcanboga Date: Mon, 21 Sep 2026 20:34:35 +0300 Subject: [PATCH 04/13] yarn.lock --- yarn.lock | 8 -------- 1 file changed, 8 deletions(-) diff --git a/yarn.lock b/yarn.lock index 4f84f78f2..b5b89bff5 100644 --- a/yarn.lock +++ b/yarn.lock @@ -2693,9 +2693,6 @@ camelcase-css@^2.0.1: resolved "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz" integrity sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA== -<<<<<<< HEAD -caniuse-lite@^1.0.30000981, caniuse-lite@^1.0.30001109, caniuse-lite@^1.0.30001286, caniuse-lite@^1.0.30001297, caniuse-lite@^1.0.30001370, caniuse-lite@^1.0.30001579, caniuse-lite@^1.0.30001688: -======= camelize@^1.0.0: version "1.0.1" resolved "https://registry.yarnpkg.com/camelize/-/camelize-1.0.1.tgz#89b7e16884056331a35d6b5ad064332c91daa6c3" @@ -2707,7 +2704,6 @@ caniuse-lite@^1.0.30000981, caniuse-lite@^1.0.30001109, caniuse-lite@^1.0.300012 integrity sha512-bMg2vmr8XBsbL6Lr0UHXy/21m84FTxDLWn2FSqMd5PrlbMxwJlQnC2YWYxVgp66PZE+BBNF2jYQUBKCo1FDeZg== caniuse-lite@^1.0.30001688: ->>>>>>> c7d6b700038c63d1aaf2c649af1aefe01ebbacac version "1.0.30001692" resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001692.tgz#4585729d95e6b95be5b439da6ab55250cd125bf9" integrity sha512-A95VKan0kdtrsnMubMKxEKUKImOPSuCpYgxSQBo036P5YYgVIcOYJEgt/txJWqObiRQeISNCfef9nvlQ0vbV7A== @@ -2866,11 +2862,7 @@ color-name@1.1.3: resolved "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz" integrity sha1-p9BVi9icQveV3UIyj3QIMcpTvCU= -<<<<<<< HEAD -color-name@~1.1.4: -======= color-name@^1.0.0, color-name@^1.1.4, color-name@~1.1.4: ->>>>>>> c7d6b700038c63d1aaf2c649af1aefe01ebbacac version "1.1.4" resolved "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz" integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA== From f796715067668e781567cab9627e59e8b59050e3 Mon Sep 17 00:00:00 2001 From: anilcanboga Date: Mon, 21 Sep 2026 20:34:51 +0300 Subject: [PATCH 05/13] src/content/blog/index.md --- src/content/blog/index.md | 6 +----- 1 file changed, 1 insertion(+), 5 deletions(-) diff --git a/src/content/blog/index.md b/src/content/blog/index.md index 25824ef28..cf5051c6a 100644 --- a/src/content/blog/index.md +++ b/src/content/blog/index.md @@ -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. ->>>>>>> c7d6b700038c63d1aaf2c649af1aefe01ebbacac +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. --- From a7b8313213b5be3a0afda849c410d2f7ecbeec56 Mon Sep 17 00:00:00 2001 From: anilcanboga Date: Mon, 21 Sep 2026 20:34:58 +0300 Subject: [PATCH 06/13] src/content/community/index.md --- src/content/community/index.md | 6 +----- 1 file changed, 1 insertion(+), 5 deletions(-) diff --git a/src/content/community/index.md b/src/content/community/index.md index c7de395a1..7bba112c4 100644 --- a/src/content/community/index.md +++ b/src/content/community/index.md @@ -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. ->>>>>>> c7d6b700038c63d1aaf2c649af1aefe01ebbacac +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*/} From 729d41875e05a34c9d0160ec6d491b27e4bc7632 Mon Sep 17 00:00:00 2001 From: anilcanboga Date: Mon, 21 Sep 2026 20:35:08 +0300 Subject: [PATCH 07/13] tutorial-tic-tac-toe.md --- src/content/learn/tutorial-tic-tac-toe.md | 26 ++++++----------------- 1 file changed, 6 insertions(+), 20 deletions(-) diff --git a/src/content/learn/tutorial-tic-tac-toe.md b/src/content/learn/tutorial-tic-tac-toe.md index 1d1b07b16..ee26ecafb 100644 --- a/src/content/learn/tutorial-tic-tac-toe.md +++ b/src/content/learn/tutorial-tic-tac-toe.md @@ -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: ->>>>>>> c7d6b700038c63d1aaf2c649af1aefe01ebbacac +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) ->>>>>>> c7d6b700038c63d1aaf2c649af1aefe01ebbacac +![devtools ile inspect etme](../images/tutorial/devtools-inspect.gif) ## Oyunu tamamlama {/*completing-the-game*/} From 34d51a754a940b201c32f0015ae6904bae6bca8d Mon Sep 17 00:00:00 2001 From: anilcanboga Date: Mon, 21 Sep 2026 20:35:17 +0300 Subject: [PATCH 08/13] Suspense.md --- src/content/reference/react/Suspense.md | 98 +++++++------------------ 1 file changed, 27 insertions(+), 71 deletions(-) diff --git a/src/content/reference/react/Suspense.md b/src/content/reference/react/Suspense.md index f9a24337d..87641eef6 100644 --- a/src/content/reference/react/Suspense.md +++ b/src/content/reference/react/Suspense.md @@ -23,49 +23,34 @@ title: ### `` {/*suspense*/} -<<<<<<< HEAD -#### Prop'lar {/*props*/} -* `children`: Render etmek istediğiniz asıl kullanıcı arayüzüdür. Eğer `children` render edilirken askıya alınırsa, Suspense sınırı `fallback`'i render etmeye geçer. -* `fallback`: Eğer asıl kullanıcı arayüzünün yüklemesi tamamlanmamışsa, onun yerine render edilecek alternatif bir kullanıcı arayüzüdür. Herhangi geçerli React düğümü kabul edilir, ancak pratikte, bir fallback hafif bir yer tutucu görünümdür, örneğin bir yükleniyor göstergesi ya da iskelet. Suspense, `children` askıya alındığında otomatik olarak `fallback`'e geçer ve veri hazır olduğunda `children`'a geri döner. Eğer `fallback` render edilirken askıya alınırsa, en yakın üst Suspense sınırını etkinleştirir. -======= #### Props {/*props*/} -* `children`: The actual UI you intend to render. If `children` suspends while rendering, the Suspense boundary will switch to rendering `fallback`. -* `fallback`: An alternate UI to render in place of the actual UI if it has not finished loading. Any valid React node is accepted, though in practice, a fallback is a lightweight placeholder view, such as a loading spinner or skeleton. Suspense will automatically switch to `fallback` when `children` suspends, and back to `children` when the data is ready. If `fallback` suspends while rendering, it will activate the closest parent Suspense boundary. -* **optional** `defer`: A boolean. When `true`, React may show the `fallback` first and render or stream `children` later, even when nothing in them suspends. Use it for content that is expensive to render. Defaults to `false`. ->>>>>>> c7d6b700038c63d1aaf2c649af1aefe01ebbacac +* `children`: Render etmek istediğiniz gerçek UI. Eğer `children` rendering sırasında suspend olursa, Suspense boundary `fallback` render etmeye geçer. +* `fallback`: Gerçek UI henüz yüklenmeyi bitirmediyse, onun yerine render edilecek alternatif UI. Herhangi bir geçerli React node kabul edilir; ancak pratikte fallback genellikle loading spinner veya skeleton gibi hafif bir placeholder view’dur. Suspense, `children` suspend olduğunda otomatik olarak `fallback`’e geçer ve data hazır olduğunda tekrar `children`’a döner. Eğer `fallback` rendering sırasında suspend olursa, en yakın parent Suspense boundary’yi aktive eder. +* **optional** `defer`: Bir boolean. `true` olduğunda, içlerinde hiçbir şey suspend olmasa bile React önce `fallback`’i gösterebilir ve `children`’ı daha sonra render veya stream edebilir. Render edilmesi pahalı olan content için kullanın. Default değeri `false`’tur. #### Uyarılar {/*caveats*/} - -<<<<<<< HEAD -- React ilk kez yüklenemeden önce askıya alınan renderlar için herhangi bir state saklamaz. Bileşen yüklendikten sonra, React askıya alınmış ağacı sıfırdan yeniden render etmeye çalışacaktır. -- Eğer suspense ağaç için içerik gösteriyorduysa, ama sonrasında tekrar askıya alındıysa, askıya alınmayı tetikleyen güncelleme [`startTransition`](/reference/react/startTransition) veya [`useDeferredValue`](/reference/react/useDeferredValue) tarafından tetiklenmediyse, `fallback` tekrar gösterilecektir. -- Eğer React halihazırda gösterilen bir içeriği tekrar askıya alındığı için gizlemek zorunda kalırsa, içerik ağacındaki [layout Effect'lerini](/reference/react/useLayoutEffect) temizleyecektir. İçerik tekrar gösterilmeye hazır olduğunda, React layout Effect'leri tekrar tetikleyecektir. Bu, DOM layout'unu ölçen Effect'lerin içerik gizliyken bunu yapmaya çalışmamasını sağlar. -======= -- Suspense does not detect when data is fetched inside an Effect or event handler. It only activates in the [cases listed below.](#what-activates-a-suspense-boundary) -- React does not preserve any state for renders that got suspended before they were able to mount for the first time. When the component has loaded, React will retry rendering the suspended tree from scratch. -- If Suspense was displaying content for the tree, but then it suspended again, the `fallback` will be shown again unless the update causing it was caused by [`startTransition`](/reference/react/startTransition) or [`useDeferredValue`](/reference/react/useDeferredValue). -- React reveals suspended content at most once every 300ms, measured from the last reveal. Boundaries that become ready within that window are [revealed together](/blog/2025/10/01/react-19-2#batching-suspense-boundaries-for-ssr) rather than one at a time. -- If React needs to hide the already visible content because it suspended again, it will clean up [layout Effects](/reference/react/useLayoutEffect) in the content tree. When the content is ready to be shown again, React will fire the layout Effects again. This ensures that Effects measuring the DOM layout don't try to do this while the content is hidden. ->>>>>>> c7d6b700038c63d1aaf2c649af1aefe01ebbacac -- React includes under-the-hood optimizations like *Streaming Server Rendering* and *Selective Hydration* that are integrated with Suspense. Read [an architectural overview](https://github.com/reactwg/react-18/discussions/37) and watch [a technical talk](https://www.youtube.com/watch?v=pj5N-Khihgc) to learn more. -- React *Server Render'ını Stream etme* ve *Selektif Hydrate Etme* gibi Suspense ile entegre olan altta yatan optimizasyonlar içerir. Daha fazla bilgi almak için [mimari bir bakışı](https://github.com/reactwg/react-18/discussions/37) okuyun ve [teknik bir konuşmayı](https://www.youtube.com/watch?v=pj5N-Khihgc) izleyin. +- Suspense, data’nın bir Effect veya event handler içinde fetch edildiğini detect etmez. Yalnızca [aşağıda listelenen durumlarda](#what-activates-a-suspense-boundary) aktive olur. +- React, ilk kez mount olamadan önce suspend olan render’lar için hiçbir state’i preserve etmez. Component yüklendiğinde, React suspended tree’yi sıfırdan yeniden render etmeyi dener. +- Suspense tree için content gösteriyorken tree tekrar suspend olursa, buna neden olan update [`startTransition`](/reference/react/startTransition) veya [`useDeferredValue`](/reference/react/useDeferredValue) tarafından oluşturulmadığı sürece `fallback` tekrar gösterilir. +- 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. --- -<<<<<<< HEAD -## Kullanım {/*usage*/} -======= -### What activates a Suspense boundary {/*what-activates-a-suspense-boundary*/} +### Suspense boundary’yi ne aktive eder? {/*what-activates-a-suspense-boundary*/} + +Bir Suspense boundary, content’ini reveal etmeden önce onun hazır olmasını bekler. Aşağıdakilerden herhangi biri, bir boundary’nin content’ini reveal etmesini engeller: -A Suspense boundary waits for its content to be ready before revealing it. Any of the following keeps a boundary from revealing its content: +- [`lazy`](/reference/react/lazy) ile component code’unu lazy-load etmek. +- [Server Components](/reference/rsc/server-components)’tan stream edilen veya [Suspense-enabled framework](#suspense-enabled-frameworks) üzerinden yüklenen data dahil olmak üzere, [`use`](/reference/react/use) ile bir Promise okumak. +- [`` ve bir `precedence` prop’u](/reference/react-dom/components/link#special-rendering-behavior) ile render edilen bir stylesheet’i yüklemek. React, stylesheet yüklenene kadar, bir timeout’a kadar boundary’yi block eder. [Aşağıdaki örneğe bakın.](#waiting-for-a-stylesheet-to-load) +- Streaming server rendering sırasında büyük bir boundary’nin HTML’inin gelmesini beklemek. HTML göndermek zaman alır; bu yüzden yeterince content içeren bir boundary, içinde hiçbir şey suspend olmasa bile aktive olur. React, HTML geldikçe content’i reveal eder. +- Font yüklemek. Suspense default olarak font’ları beklemez, ancak bir [``](/reference/react/ViewTransition) update’i, text’in fallback font ile flash etmemesi için yeni font’ların yüklenmesini bir timeout’a kadar bekler. [Aşağıdaki örneğe bakın.](#waiting-for-a-font-to-load) +- Image yüklemek. Suspense default olarak image’ları beklemez, ancak bir [``](/reference/react/ViewTransition) update’i sırasında React, image yüklenene kadar, bir timeout’a kadar boundary’yi block eder. `onLoad` handler eklemek belirli bir image’ı bu davranışın dışına çıkarır. [Aşağıdaki örneğe bakın.](#waiting-for-an-image-to-load) -- Lazy-loading component code with [`lazy`](/reference/react/lazy). -- Reading a Promise with [`use`](/reference/react/use), including data streamed from [Server Components](/reference/rsc/server-components) or loaded through a [Suspense-enabled framework](#suspense-enabled-frameworks). -- Loading a stylesheet rendered with [`` and a `precedence` prop.](/reference/react-dom/components/link#special-rendering-behavior) React blocks the boundary until the stylesheet loads, up to a timeout. [See an example below.](#waiting-for-a-stylesheet-to-load) -- Waiting for a large boundary's HTML to arrive during streaming server rendering. Sending HTML takes time, so a boundary with enough content activates even when nothing in it suspends. React reveals the content as the HTML arrives. -- Loading fonts. Suspense doesn't wait for fonts by default, but a [``](/reference/react/ViewTransition) update waits for new fonts to load, up to a timeout, so text doesn't flash with a fallback font. [See an example below.](#waiting-for-a-font-to-load) -- Loading images. Suspense doesn't wait for images by default, but during a [``](/reference/react/ViewTransition) update, React blocks the boundary until the image loads, up to a timeout. Adding an `onLoad` handler opts a specific image out. [See an example below.](#waiting-for-an-image-to-load) -- Performing CPU-bound render work inside a [``](#props) boundary. +- Bir [``](#props) boundary’si içinde CPU-bound render work gerçekleştirmek. @@ -80,7 +65,6 @@ Without a framework, you can read a Promise with `use` directly, as long as the --- ## Usage {/*usage*/} ->>>>>>> c7d6b700038c63d1aaf2c649af1aefe01ebbacac ### İçerik yüklenirken bir fallback gösterme {/*displaying-a-fallback-while-content-is-loading*/} @@ -249,19 +233,6 @@ async function getAlbums() { By contrast, code that fetches data outside of `use`, such as inside an Effect, does not activate the boundary: -<<<<<<< HEAD -**Sadece Suspense özellikli veri kaynakları Suspense bileşenini aktive edecektir.** Bunlara örnek olarak: - -- [Relay](https://relay.dev/docs/guided-tour/rendering/loading-states/) ve [Next.js](https://nextjs.org/docs/app/building-your-application/routing/loading-ui-and-streaming#streaming-with-suspense) gibi Suspense özellikli framework'leri veri getirme -- Bileşen kodunu [`lazy`](/reference/react/lazy) ile tembel yükleme -- Önbelleğe alınmış bir Promise değerini [`use`](/reference/react/use) ile okuma - -Suspense, veri bir efekt ya da olay yöneticisi içinde fetch edildiğinde **tespit etmez**. - -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. - -Opinionated bir framework kullanmadan Suspense-enabled data fetching henüz desteklenmemektedir. Suspense-enabled bir data source implement etmek için gereken requirement’lar unstable ve undocumented durumdadır. Data source’ları Suspense ile integrate etmek için resmi bir API, React’in gelecekteki bir version’ında yayınlanacaktır. -======= ```js src/App.js hidden @@ -303,7 +274,6 @@ export default function ArtistPage({ artist }) { ); } ->>>>>>> c7d6b700038c63d1aaf2c649af1aefe01ebbacac function Loading() { return

🌀 Loading...

; @@ -2280,24 +2250,15 @@ main { ### Navigasyon sırasında Suspense sınırlarını sıfırlama {/*resetting-suspense-boundaries-on-navigation*/} -<<<<<<< HEAD -Bir transition sırasında, React açığa çıkarılmış içeriği gizlemekten kaçınır. Ancak, bir sayfaya farklı parametrelerle giderseniz, React'e bunun *farklı* bir içerik olduğunu söylemek isteyebilirsiniz. Bunu bir `key` ile ifade edebilirsiniz: -======= -During a Transition, React avoids hiding already revealed content. However, when you navigate to *different* content, such as another user's profile, you'll want the boundary to show the fallback instead of the previous content. You can express this with a `key`: ->>>>>>> c7d6b700038c63d1aaf2c649af1aefe01ebbacac +Bir Transition sırasında React, zaten reveal edilmiş content’i hide etmekten kaçınır. Ancak başka bir kullanıcının profili gibi **farklı** content’e navigate ettiğinizde, boundary’nin önceki content yerine fallback göstermesini istersiniz. Bunu bir `key` ile ifade edebilirsiniz: ```js ``` -<<<<<<< HEAD -Bir kullanıcının profil sayfasına gitmeye çalıştığınızı hayal edin, ve bir şey askıya alınsın. Eğer bu güncelleme bir transition ile sarılırsa, zaten görünen içerik için fallback tetiklenmeyecektir. Bu beklenen davranıştır. - -Ancak, şimdi iki farklı kullanıcı profili arasında geçiş yapmaya çalıştığınızı düşünün. Bu durumda, fallback'i göstermek mantıklı olacaktır. Örneğin, bir kullanıcının zaman çizelgesi başka bir kullanıcının zaman çizelgesinden *farklı içerik*'tir. Bir `key` belirterek, React'e farklı kullanıcıların profillerini farklı bileşenler olarak ele almasını ve navigasyon sırasında Suspense sınırlarını sıfırlamasını sağlarsınız. Suspense entegreli router'lar bunu otomatik olarak yapmalıdır. -======= -With a different `key`, React treats the profiles as different content and resets the Suspense boundary during navigation. The `key` can go on the boundary itself or on a component above it. Suspense-integrated routers should do this automatically. +Farklı bir `key` ile React, profile’ları farklı content olarak ele alır ve navigation sırasında Suspense boundary’yi resetler. `key`, boundary’nin kendisine veya onun üstündeki bir component’e verilebilir. Suspense-integrated router’lar bunu otomatik olarak yapmalıdır. -In the example below, opening the profile page loads the first profile. Pressing "Bob" navigates to a different profile, and the `key` resets the boundary, so the fallback shows instead of the previous user's bio. Try removing the `key`: the previous bio stays visible while the next one loads: +Aşağıdaki örnekte, profile sayfasını açmak ilk profile’ı yükler. "Bob"a basmak farklı bir profile’a navigate eder ve `key` boundary’yi resetlediği için önceki kullanıcının bio’su yerine fallback gösterilir. `key`’i kaldırmayı deneyin: bir sonraki yüklenirken önceki bio görünür kalır: @@ -2381,7 +2342,6 @@ button { ``` ->>>>>>> c7d6b700038c63d1aaf2c649af1aefe01ebbacac --- @@ -2412,16 +2372,13 @@ Sunucu HTML'i yükleniyor çarkını içerecektir. İstemci tarafında yükleniy --- -<<<<<<< HEAD -## Hata ayıklama {/*troubleshooting*/} -======= -### Waiting for a stylesheet to load {/*waiting-for-a-stylesheet-to-load*/} +### Stylesheet’in yüklenmesini bekleme {/*waiting-for-a-stylesheet-to-load*/} -A stylesheet rendered with [`` and a `precedence` prop](/reference/react-dom/components/link#special-rendering-behavior) blocks the Suspense boundary until the stylesheet loads, up to a timeout, so the content doesn't appear unstyled. +[`` ve bir `precedence` prop’u](/reference/react-dom/components/link#special-rendering-behavior) ile render edilen bir stylesheet, content’in unstyled görünmemesi için stylesheet yüklenene kadar, bir timeout’a kadar Suspense boundary’yi block eder. -In the example below, the `Card` component renders a stylesheet with `precedence`. Press "Show card": React shows the fallback until the stylesheet has loaded, and then reveals the card with its styles applied. +Aşağıdaki örnekte, `Card` component’i `precedence` ile bir stylesheet render eder. "Show card"a basın: React, stylesheet yüklenene kadar fallback’i gösterir ve ardından card’ı style’ları uygulanmış şekilde reveal eder. -For comparison, the second button performs the same update without React, in a separate document. Nothing waits for the stylesheet, so the card's text appears in a fallback font first and then switches: +Karşılaştırma için, ikinci button aynı update’i React olmadan, ayrı bir document içinde gerçekleştirir. Hiçbir şey stylesheet’i beklemez, bu yüzden card’ın text’i önce fallback font ile görünür ve ardından değişir: @@ -3281,7 +3238,6 @@ hr { --- ## Troubleshooting {/*troubleshooting*/} ->>>>>>> c7d6b700038c63d1aaf2c649af1aefe01ebbacac ### Kullanıcı arayüzünün bir güncelleme sırasında bir fallback ile değiştirilmesini nasıl engellerim? {/*preventing-unwanted-fallbacks*/} From e46172a8ee104154415d5d4f14ac3c02f842797a Mon Sep 17 00:00:00 2001 From: anilcanboga Date: Mon, 21 Sep 2026 20:35:27 +0300 Subject: [PATCH 09/13] use.md --- src/content/reference/react/use.md | 42 +++++------------------------- 1 file changed, 6 insertions(+), 36 deletions(-) diff --git a/src/content/reference/react/use.md b/src/content/reference/react/use.md index 0df6ac4d0..5de8e38ff 100644 --- a/src/content/reference/react/use.md +++ b/src/content/reference/react/use.md @@ -1114,45 +1114,27 @@ root.render( #### Promise'i Sunucu Bileşeninde mi yoksa İstemci Bileşeninde mi çözümlemeliyim? {/*resolve-promise-in-server-or-client-component*/} -<<<<<<< HEAD -Bir Promise, bir Server Component içinde `await` ile resolve edilebilir veya bir Client Component’e prop olarak geçirilip orada `use` ile resolve edilebilir. +Elinizde bir Promise varsa, bir noktada value’sunu okumak için onu unwrap etmeniz gerekir. Bir Server Component içinde `await` ile, bir Client Component içinde ise `use` ile unwrap edersiniz. -Bir Server Component içinde `await` kullanmak Server Component’in kendisini suspend eder ve Client Component resolved value’yu prop olarak alır: -======= -If you have a Promise, at some point you need to unwrap it to read its value. You unwrap it with `await` in a Server Component, and with `use` in a Client Component. - -Usually, the simplest option is to `await` the Promise where you create it. The Server Component suspends until the data is ready, and everything below it waits too: ->>>>>>> c7d6b700038c63d1aaf2c649af1aefe01ebbacac +Genellikle en basit seçenek, Promise’i oluşturduğunuz yerde `await` etmektir. Server Component, data hazır olana kadar suspend olur ve altındaki her şey de bekler: ```js // Server Component export default async function App() { -<<<<<<< HEAD - // Server Component’i suspend eder. -======= ->>>>>>> c7d6b700038c63d1aaf2c649af1aefe01ebbacac const messageContent = await fetchMessage(); return ; } ``` -<<<<<<< HEAD -Bir Server Component ayrıca bir Promise’i await etmeden başlatabilir ve Promise’i bir Client Component’e geçirebilir. Server Component hemen return eder ve Client Component `use` çağırdığında suspend olur: -======= -However, you don't have to unwrap it right away. You can pass the Promise down as a prop, and unwrap it deeper in the tree. The component that reads the Promise still suspends, but only that part of the tree waits for the data. Wrap that component in a [``](/reference/react/Suspense) boundary to show a fallback while the rest of the page renders immediately. +Ancak onu hemen unwrap etmek zorunda değilsiniz. Promise’i prop olarak aşağı geçirebilir ve tree’nin daha derininde unwrap edebilirsiniz. Promise’i okuyan component yine suspend olur, ancak data’yı yalnızca tree’nin o bölümü bekler. Sayfanın geri kalanı hemen render olurken fallback göstermek için bu component’i bir [``](/reference/react/Suspense) boundary’si ile sarın. -For example, a deeper Server Component can `await` the Promise it receives: ->>>>>>> c7d6b700038c63d1aaf2c649af1aefe01ebbacac +Örneğin, daha derindeki bir Server Component aldığı Promise’i `await` edebilir: ```js import { Suspense } from 'react'; // Server Component export default function App() { -<<<<<<< HEAD - // Await edilmedi: burada başlar, client’ta resolve olur. -======= ->>>>>>> c7d6b700038c63d1aaf2c649af1aefe01ebbacac const messagePromise = fetchMessage(); return ( ⌛Downloading message...

}> @@ -1177,26 +1159,14 @@ Or, in a separate file, a Client Component can unwrap the same Promise with `use import { use } from 'react'; export function Message({ messagePromise }) { -<<<<<<< HEAD - // Data available olana kadar suspend eder. -======= ->>>>>>> c7d6b700038c63d1aaf2c649af1aefe01ebbacac const messageContent = use(messagePromise); return

{messageContent}

; } ``` -<<<<<<< HEAD -Mümkün olduğunda Server Component içinde `await` kullanmayı tercih edin; çünkü bu, data fetching’i server tarafında tutar. Eğer üstteki bir Server Component data’yı zaten await ediyorsa, `use` çağırmak için yeni bir Promise oluşturmak yerine resolved value’yu prop olarak aşağı geçirin. - -Ayrıca promise’i await etmeden bir Client Component’e prop olarak geçirebilir ve ardından tree’nin daha derininde suspend etmek için `use(promise)` ile okuyabilirsiniz. Bu, Promise pending durumdayken çevredeki UI’ın daha büyük bir kısmının tamamlanmasına olanak tanır. Yaygın bir durum, popover ve tooltip gibi interactive content’lerdir; burada data yalnızca hover veya click sonrasında gerekir. Client Component’ler `await` kullanamaz, bu yüzden bir Promise üzerinde suspend olmak için `use`’a güvenirler. - -Her iki durumda da, Promise’i okuyan component’i bir Suspense boundary ile sarın; böylece React, Promise pending durumdayken bir fallback gösterebilir. Boundary placement konusunda rehberlik için [Revealing content together at once](/reference/react/Suspense#revealing-content-together-at-once) bölümüne bakın. -======= -Passing the Promise down works the same way in both cases. Both suspend where the Promise is read, and both unblock the UI above. The only difference is that Client Components can't `await` during render, so they unwrap the Promise with `use` instead. A common case is interactive content like popovers and tooltips, where the data is only needed after a hover or click. +Promise’i aşağı geçirmek her iki durumda da aynı şekilde çalışır. İkisi de Promise’in okunduğu yerde suspend olur ve ikisi de üstteki UI’ın unblock olmasını sağlar. Tek fark, Client Component’lerin render sırasında `await` kullanamamasıdır; bu yüzden Promise’i bunun yerine `use` ile unwrap ederler. Yaygın bir durum, popover ve tooltip gibi interactive content’lerdir; burada data yalnızca hover veya click sonrasında gerekir. -See [Revealing content together at once](/reference/react/Suspense#revealing-content-together-at-once) for guidance on where to place Suspense boundaries. ->>>>>>> c7d6b700038c63d1aaf2c649af1aefe01ebbacac +Suspense boundary’lerinin nereye yerleştirileceği konusunda rehberlik için [Revealing content together at once](/reference/react/Suspense#revealing-content-together-at-once) bölümüne bakın. From 5a91cdbfaa1d4dcc839db98d374bd993776fc7d3 Mon Sep 17 00:00:00 2001 From: anilcanboga Date: Mon, 21 Sep 2026 20:35:36 +0300 Subject: [PATCH 10/13] useDeferredValue.md --- src/content/reference/react/useDeferredValue.md | 10 +--------- 1 file changed, 1 insertion(+), 9 deletions(-) diff --git a/src/content/reference/react/useDeferredValue.md b/src/content/reference/react/useDeferredValue.md index 0d25c6da3..d7d342c86 100644 --- a/src/content/reference/react/useDeferredValue.md +++ b/src/content/reference/react/useDeferredValue.md @@ -86,15 +86,7 @@ Güncellemeler esnasında, ertelenmiş değer en s -<<<<<<< HEAD -Bu örnekte Suspense etkinleştirilmiş veri kaynaklarından birini kullandığınız varsayılmaktadır: - -- Suspense'in etkinleştirildiği çerçevelerle veri çekme [Relay](https://relay.dev/docs/guided-tour/rendering/loading-states/) ve [Next.js](https://nextjs.org/docs/app/getting-started/fetching-data#with-suspense) -- [`lazy`](/reference/react/lazy) ile bileşen kodunun lazy yüklenmesi -- [`use`](/reference/react/use) ile bir Promise'in değerini okuma. -======= -This example assumes you use a data source that [activates a Suspense boundary](/reference/react/Suspense#what-activates-a-suspense-boundary), such as a Promise you read with [`use`](/reference/react/use). ->>>>>>> c7d6b700038c63d1aaf2c649af1aefe01ebbacac +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 ve sınırlamaları hakkında daha fazla bilgi edinin.](/reference/react/Suspense) From 48f33667d458fbe388da5dcaed1a96cb172d8664 Mon Sep 17 00:00:00 2001 From: anilcanboga Date: Mon, 21 Sep 2026 20:35:44 +0300 Subject: [PATCH 11/13] common.md --- src/content/reference/react-dom/components/common.md | 6 +----- 1 file changed, 1 insertion(+), 5 deletions(-) diff --git a/src/content/reference/react-dom/components/common.md b/src/content/reference/react-dom/components/common.md index c70b18790..98569ae2a 100644 --- a/src/content/reference/react-dom/components/common.md +++ b/src/content/reference/react-dom/components/common.md @@ -36,11 +36,7 @@ title: "Ortak bileşenler (örn.
)" * `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) ->>>>>>> c7d6b700038c63d1aaf2c649af1aefe01ebbacac +* `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: From 38c4c3edc94d1b6300253ad801d837a7afe250b2 Mon Sep 17 00:00:00 2001 From: anilcanboga Date: Mon, 21 Sep 2026 20:36:05 +0300 Subject: [PATCH 12/13] renderToPipeableStream.md --- .../server/renderToPipeableStream.md | 55 +++++-------------- 1 file changed, 13 insertions(+), 42 deletions(-) diff --git a/src/content/reference/react-dom/server/renderToPipeableStream.md b/src/content/reference/react-dom/server/renderToPipeableStream.md index d655ff57f..b6d7290b8 100644 --- a/src/content/reference/react-dom/server/renderToPipeableStream.md +++ b/src/content/reference/react-dom/server/renderToPipeableStream.md @@ -48,33 +48,18 @@ const { pipe } = renderToPipeableStream(, { * `reactNode`: HTML'e render etmek istediğiniz React düğümüdür. Örneğin, `` gibi bir JSX bileşeni. Belgenin tamamını temsil etmesi beklediğinden dolayı `App` bileşeni `` etiketini render etmelidir. -<<<<<<< HEAD -* **isteğe bağlı** `options`: Stream seçenekleri olan bir nesne. - * **isteğe bağlı** `bootstrapScriptContent`: Eğer belirtilmişse, bu string satır içi `