diff --git a/src/content/community/team.md b/src/content/community/team.md index dd77a539e..4e307463d 100644 --- a/src/content/community/team.md +++ b/src/content/community/team.md @@ -42,6 +42,8 @@ React work is organized into working groups, each responsible for an area of the + + @@ -77,7 +79,7 @@ React work is organized into working groups, each responsible for an area of the - Mike went to grad school dreaming of becoming a professor but realized that he liked building things a lot more than writing grant applications. Mike joined Meta to work on Javascript infrastructure, which ultimately led him to work on the React Compiler. When not hacking on either Javascript or OCaml, Mike can often be found hiking or skiing in the Pacific Northwest. + Mike went to grad school dreaming of becoming a professor but realized that he liked building things a lot more than writing grant applications. Mike joined Meta to work on JavaScript infrastructure, which ultimately led him to work on the React Compiler. When not hacking on either Javascript or OCaml, Mike can often be found hiking or skiing in the Pacific Northwest. @@ -102,8 +104,6 @@ React work is organized into working groups, each responsible for an area of the - - ## Advisors {/*advisors*/} @@ -115,7 +115,7 @@ React work is organized into working groups, each responsible for an area of the - Like many others, Jimmy started programming with the hopes of being able to work in the gaming industry. Fast forward a few years, he somehow decided that React and Javascript were pretty fun and that helping other developers build fast experiences was a more interesting life goal. After starting his career at Meta, working on product infrastructure and (briefly) on React Native, Jimmy now works at Vercel, where he helps his team build Next.js. He sadly does not get much time for video games anymore. + Like many others, Jimmy started programming with the hopes of being able to work in the gaming industry. Fast forward a few years, he somehow decided that React and JavaScript were pretty fun and that helping other developers build fast experiences was a more interesting life goal. After starting his career at Meta, working on product infrastructure and (briefly) on React Native, Jimmy now works at Vercel, where he helps his team build Next.js. He sadly does not get much time for video games anymore. diff --git a/src/content/reference/react/Suspense.md b/src/content/reference/react/Suspense.md index 76d0c5126..76bd846bc 100644 --- a/src/content/reference/react/Suspense.md +++ b/src/content/reference/react/Suspense.md @@ -36,7 +36,6 @@ title: - 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 *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. --- @@ -54,11 +53,11 @@ Bir Suspense boundary, content’ini reveal etmeden önce onun hazır olmasını -#### Suspense-enabled frameworks {/*suspense-enabled-frameworks*/} +#### Suspense-enabled framework’ler {/*suspense-enabled-frameworks*/} -A *Suspense-enabled framework* gives you a way to read data in your component in a way that activates the closest Suspense boundary. The exact way you load your data depends on your framework, and you'll find the details in its documentation. Under the hood, a Suspense-enabled framework maintains a cache of Promises and calls [`use`](/reference/react/use) to suspend on a Promise. +Bir **Suspense-enabled framework**, component’inizde data’yı en yakın Suspense boundary’yi aktive edecek şekilde okumanız için bir yol sağlar. Data’nızı tam olarak nasıl load edeceğiniz framework’ünüze bağlıdır ve detayları onun documentation’ında bulursunuz. Under the hood, Suspense-enabled bir framework Promise’lerden oluşan bir cache tutar ve bir Promise üzerinde suspend olmak için [`use`](/reference/react/use) çağırır. -Without a framework, you can read a Promise with `use` directly, as long as the Promise is [cached so the same instance is reused across renders.](/reference/react/use#caching-promises-for-client-components) +Framework olmadan, Promise [render’lar arasında aynı instance yeniden kullanılacak şekilde cache’lendiği](/reference/react/use#caching-promises-for-client-components) sürece doğrudan `use` ile bir Promise okuyabilirsiniz. diff --git a/src/content/reference/react/apis.md b/src/content/reference/react/apis.md index 4481805b2..00758427b 100644 --- a/src/content/reference/react/apis.md +++ b/src/content/reference/react/apis.md @@ -24,7 +24,7 @@ title: "Yerleşik React API'leri" ## Kaynak API'ları {/*resource-apis*/} -*Kaynaklar*, bir bileşen tarafından durumlarının bir parçası olmadan erişilebilir. Örneğin, bir bileşen, bir Promise'den mesaj okuyabilir veya bir context'ten stil bilgisi alabilir. +**Kaynaklar**, bir component tarafından state’lerinin bir parçası olmadan erişilebilir. Örneğin, bir component bir Promise’den mesaj okuyabilir veya bir context’ten style bilgisi alabilir. [`use`](/reference/react/use)’a şu resource type’larını geçirebilirsiniz: diff --git a/src/content/reference/react/use.md b/src/content/reference/react/use.md index 36b1102a4..1af52fdce 100644 --- a/src/content/reference/react/use.md +++ b/src/content/reference/react/use.md @@ -94,26 +94,26 @@ function BrowserOnly() { } ``` -During server rendering, the component calling `use(browser())` suspends and React includes the closest [``](/reference/react/Suspense) boundary's fallback in the HTML. In the browser, `use(browser())` returns `undefined`, so the component renders normally. +Server rendering sırasında `use(browser())` çağıran component suspend olur ve React, en yakın [``](/reference/react/Suspense) boundary’sinin fallback’ini HTML’e dahil eder. Browser’da `use(browser())`, `undefined` döndürür; böylece component normal şekilde render edilir. -[See an example below.](#rendering-a-component-only-in-the-browser) +[Aşağıdaki örneğe bakın.](#rendering-a-component-only-in-the-browser) -#### Parameters {/*browser-parameters*/} +#### Parametreler {/*browser-parameters*/} -* `browserValue`: The value returned by [`browser`](/reference/react-dom/browser). +* `browserValue`: [`browser`](/reference/react-dom/browser) tarafından döndürülen value. -#### Returns {/*browser-returns*/} +#### Döndürür {/*browser-returns*/} -`use(browser())` returns `undefined` in the browser. +`use(browser())`, browser’da `undefined` döndürür. -#### Caveats {/*browser-caveats*/} +#### Uyarılar {/*browser-caveats*/} -* The component calling `use(browser())` must be inside a `` boundary during server rendering. Without one, server rendering fails. -* In a React Server Components app, `use(browser())` must be called from a [Client Component](/reference/rsc/use-client), not a [Server Component](/reference/rsc/server-components). +* `use(browser())` çağıran component, server rendering sırasında bir `` boundary’si içinde olmalıdır. Aksi takdirde server rendering başarısız olur. +* Bir React Server Components app’inde, `use(browser())` bir [Server Component](/reference/rsc/server-components) içinden değil, bir [Client Component](/reference/rsc/use-client) içinden çağrılmalıdır. --- -## Usage (Context) {/*usage-context*/} +## Kullanım (Context) {/*usage-context*/} ### `use` ile context okumak {/*reading-context-with-use*/} @@ -1204,11 +1204,11 @@ Suspense boundary’lerinin nereye yerleştirileceği konusunda rehberlik için --- -### Displaying an error with an Error Boundary {/*displaying-an-error-with-an-error-boundary*/} +### Error Boundary ile error gösterme {/*displaying-an-error-with-an-error-boundary*/} -If the Promise passed to `use` is rejected, the error propagates to the nearest [Error Boundary](/reference/react/Component#catching-rendering-errors-with-an-error-boundary). Wrap the component that calls `use` in an Error Boundary to display a fallback when the Promise is rejected. +`use`’a geçirilen Promise rejected olursa, error en yakın [Error Boundary](/reference/react/Component#catching-rendering-errors-with-an-error-boundary)’ye propagate edilir. Promise rejected olduğunda fallback göstermek için `use` çağıran component’i bir Error Boundary ile sarın. -In the example below, `fetchData` rejects on the first attempt and succeeds on retry. The Error Boundary catches the rejection and shows a fallback with a "Try again" button. +Aşağıdaki örnekte, `fetchData` ilk denemede rejected olur ve retry sonrasında başarılı olur. Error Boundary rejection’ı yakalar ve "Try again" button’u içeren bir fallback gösterir. @@ -1476,7 +1476,7 @@ iframe { -During server rendering, `use(browser())` suspends the component and React includes the closest Suspense boundary's fallback in the HTML. In the browser, `use(browser())` returns `undefined` and the saved draft renders normally. +Server rendering sırasında `use(browser())` component’i suspend eder ve React, en yakın Suspense boundary’sinin fallback’ini HTML’e dahil eder. Browser’da `use(browser())`, `undefined` döndürür ve kaydedilmiş draft normal şekilde render edilir. ---